乐趣区

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

jiezi

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

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

Travis：

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

激活你的 Travis：

打开 Travis 官网

  • https://www.travis-ci.org/

使用 GitHub 账号登录 Travis

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

项目中配置：

项目根目录创建.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 官网，进入到刚才勾选的项目，不出意外的话就可以看到：

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

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

添加 Travis 构建徽章到 README

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

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

  • 本模版地址在这里
退出移动版