为你的GitHub项目添加持续集成Travis CI

为你的GitHub项目添加持续集成Travis CI

本篇文章接上篇 《基于typescript发布npm包的流程》,继续为项目添加持续集成


Travis:

  • Travis CI 提供的是持续集成服务。它绑定 GitHub 上的项目,只要有新代码更新,它就会自动抓取。然后,提供一个运行环境,执行测试,完成构建,部署到服务器
  • 持续集成指的是只要代码有变更,就自动运行构建和测试,反馈运行结果。确保符合预期之后,再将新代码集成到主干
  • 持续集成的好处在于,每次代码的小幅变更,就能看到运行结果,从而不断累计小的变更,而不是在开发周期结束时,一次合并很多代码
  • Travis CI 只支持 GitHub,所以必须要有一个 Git 账号
  • 该账号下面有一个项目,里面有可运行的代码,还包括构建或测试脚本
  • 需要激活一个仓库,Travis 会监听这个仓库的所有变化

激活你的Travis:

打开 Travis 官网

使用 GitHub 账号登录 Travis

为你的GitHub项目添加持续集成Travis CI_第1张图片

勾选你要构建的git项目(一般是先创建好仓库)

为你的GitHub项目添加持续集成Travis CI_第2张图片

项目中配置:

项目根目录创建.travis.yml

touch .travis.yml

编辑.travis.yml

language: node_js
node_js:
    - '12'
install:
    - npm install
script:
    - npm run test
    - npm run lint

该配置文件采用的是YAML格式,你可以任意的编写属于你的脚本,这里只是参考

含义

  • language:语言 这里我们选择node_js
  • node_js:版本 我选择了最新的12

install 和 script 其实就是Travis 会经历两个阶段:

1. install 安装依赖阶段

  • install 字段用来指定安装脚本 如: install: npm install -g npm
  • 如不需安装,则可直接跳过 如: install: true

2. script 运行脚本阶段

  • script 字段用来指定构建或测试脚本 如: script: npm run build

其实还有其他很多阶段,例如:

before_install 安装阶段之前
install 安装
before_script 脚本阶段之前
script 脚本阶段
aftersuccess or afterfailure 脚本成功或失败
[OPTIONAL] before_deploy 部署之前
[OPTIONAL] deploy 部署
[OPTIONAL] after_deploy 部署之后
after_script 脚本阶段之后

好,至此,travis的配置算是基本搞定,接下来就是常规操作了,不多解释一把嗦~

git add .
git commit -m'描述'
git push

推完成功之后我们再次进入Travis 官网,进入到刚才勾选的项目,不出意外的话就可以看到:

为你的GitHub项目添加持续集成Travis CI_第3张图片

可以发现,travis以及帮你执行了很多命令,并且构建徽章也已经点亮~

为你的GitHub项目添加持续集成Travis CI_第4张图片

接下来我们就把这个徽章集成到你的项目中去

添加 Travis 构建徽章到 README

点击该图标,选择Markdown,复制RESULT中内容

为你的GitHub项目添加持续集成Travis CI_第5张图片

将复制的内容粘贴到 README 合适的位置,一般是开头出。然后提交并推送代码,ok搞定~

为你的GitHub项目添加持续集成Travis CI_第6张图片

你可能感兴趣的:(travis-ci,github,javascript,npm)