概述
現在很多前端庫都用到了 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"