CircleCI 前端自动部署
概述
现在很多前端库都用到了 CircleCI 进行自动部署，比如Vue，React，作为一个前端我觉得还是有必要实操一下 CircleCI 的，总体来说还是挺简单的，我把过程和体会记录下来，供以后开发时参考，相信对其他人也有用。
步骤
1.首先登陆 circleci，直接用 github 账号登录即可。登陆后点击右上角的 go to app。
2.进入网页版 app 之后，我们能看到一个 dashboard，然后点击左边导航栏的 add project。
3.然后选择需要自动部署的项目，比如我就是 play-jest 这个项目，点击 Set Up Project。
4.接着会让我们选 Operating System 和 Language，我们肯定选择 Linux 和 Node。
5.选好之后下面会告诉你接下来要怎么做，比如在项目里面创建一个.circleci文件夹，并在文件夹里面创建一个config.yml文件
6.然后可以复制官方给的config.yml文件模板，这里我稍微做一下改动，就是把 docker 的 circleci/node:7.10 改成 circleci/node:latest，使用最新的 node 版本。并上传到github。
7.最后点击 Start Building 就大功告成了。
为什么需要自动部署
除非满足下面二个条件之一，否则使用circleci自动部署完全没用:
- 需要在每次提交代码之后自动运行测试文件。
- 需要在每次提交代码之后自动生成部署。（比如自动生成生产环境代码，自动部署nginx等）
我记得之前使用 Hexo 博客的时候，每次提交 markdown 文件都需要重新构建一遍，非常麻烦，所以最后才转去用 React 写博客了。现在有了 CircleCI 自动部署，就没这么麻烦了。
或者在 github 上面搭建静态博客，每次提交代码之后就可以用 CircleCI 自动部署到 gh-page 分支，真的很方便。
codecov
使用 CI 工具的时候顺便使用 codecov 上传覆盖率报告是最好不过的了。方法也很简单，只需要安装 codecov 这个库，然后在运行的代码后面加上 codecov 即可。比如说我，就在 package.json 里面使用如下的命令：
"test:coverage": "vue-cli-service test:unit --coverage --verbose && codecov"
最新文章
- iscroll5 上拉，下拉 加载数据
- easyui 动态列
- 文字编辑器kindeditor-min.js的使用
- Qt获取屏幕分辨率
- SSH开发框架搭建参考
- codeforces #310 div1 D
- android中listview的item滑动删除效果（已解决listview点击问题）
- Canvas的补充
- POJ 1159 - Palindrome 优化空间LCS
- 关于脱离laravel框架使用Illuminate/Validation验证器
- typecho设置文章密码保护
- 开源ERP Odoo仓存功能模块深度应用（一）
- python实现某目录下将多个文件夹内的文件复制到一个文件夹中
- react-native-splash-screen 插件 android 系统app崩溃问题
- cmake中添加-fPIC编译选项方法
- IE 下js里面new Date("2017-07-11 08:00:00") 出现NAN的问题以及解决方法
- ajax获取后台数据渲染(整片文章不分段落)解决方案,要使用htmL方式输出
- Ruby学习笔记7: 添加身份验证（adding Authentication）
- windows下解决numpy, scipy等库安装失败的方法
- rabbitmq学习（五）：springboot整合rabbitmq