这篇文章的目标就是在 GitHub 上显示如下图标。当然不是简单的显示两张图片，而是显示当前项目的一些状态。
icons
持续集成官网： Travis-ci
测试覆盖率官网：COVERALLS
Build 状态
测试状态
持续集成
如果项目中没有测试，那么就不需要包含测试覆盖率这一块。
首先创建一个简单的项目
项目
那么第一步，当然是选择跟着官方文档走啦，先创建 .travis.yml 文件，查看 node 版本 node -v。然后填进去，我的是 8.5.0，所以我的文件是这样的：
language: node_js
node_js:
- "8"
然后 git push 到 GitHub ，然后刷新 Travis CI 的页面：
Test
就这样，持续集成就OK了，是不是很简单，然后点击 passing 图标，选择 Markdown 写到 readme 里面就可以在 GitHub 上看到了。
测试覆盖率
同样的，跟着官方文档上的第一个 node-coveralls 走。项目还是上面那个测试项目。
测试项目的目录：
测试项目
在 node-coveralls 里面有很多钟方式，我选择 Istanbul + mocha。
那么，第一步，当然是安装 Istanbul + mocha 啦，当然还要安装 coveralls[https://coveralls.io/]
npm install mocha --save-dev #安装 mohca
npm install istanbul --save-dev #安装 istanbul
npm install coveralls --save-dev #安装 coveralls
为了不把 node_module 上传到 GitHub ，所以还需要创建 `.gitignore' ，在里面添加 node_module 文件夹。
然后写测试，测试为：
测试项目
修改 package.json 里面的 test 脚本为
istanbul cover ./node_modules/mocha/bin/_mocha --report lcovonly -- -R spec && cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js && rm -rf ./coverage
然后运行 npm test 命令，会提示一个错误，那个是因为没有在 `package.json' 里面添加 repository 地址，可以忽略。
测试结果
到这一步，就可以把项目 push 到 GitHub 上去了。然后刷新在 COVERALLS 上的项目的网页。
测试覆盖率
就可以看到成功了！然后点击 EMBED 图标，选择 Markdown 复制到 readme 里面，就可以显示在 GitHub 上了。
关于 Travis CI 和 COVERALLS 的具体的配置。请参考相应的官网的说明。
本篇文章的项目的 GitHub 地址 ：Travis Test
到这里还不赶紧去 GitHub 上配置一波～。
如果本篇文章对你有帮助，为什么不点一波喜欢在走呢～
网友评论