travis-ci是什麼？
一個使用yaml格式配置用於持續整合完成自動化測試部署的開源專案
官網：https：//travis-ci。org/
首先，您需要一個github賬號 and 一個vue。js專案~ 沒有的話試試這個啊metools
1。 登入Github並擁有一個專案
登入github 然後Star，Fork metools
當然可以先去看看這個專案是啥。。http：//tools。yimo。link/
2。 前往travis-ci官網
使用Github賬號登入
3。 登入成功回到使用者中心
預設會同步一部分倉庫，如果太多的話需要點選Sync account進行同步
4。 開啟對 metools 專案的整合並進入設定頁面
如下圖所示，根據需要配置構建資訊
新增github的Token到環境變數中，使用者名稱，郵箱也可新增進去，這樣配置檔案中就可以使用了
生成Token見步驟5。注意：
配置私密的環境變數時一定要加密，因為會顯示在日誌中且能夠被他人看到
根據步驟6的配置，還需要新增一些環境變數使起更方便（地址別填錯了）
圖中配置依次為：
GH_REF：倉庫地址
GH_TOKEN：生成的令牌
P_BRANCH：推送的pages分支 //這裡填的時候一定要注意，一般來講就是 gh-pages 。別手抖寫個master。血淋淋的教訓~
U_EMAIL：郵箱
U_NAME：名稱
5。 Github生成訪問令牌 （即新增授權）
訪問令牌的作用就是授權倉庫操作許可權 https：//github。com/settings/tokens
Github>settings>Personal access tokens> Generate new token > Generate token> Copy Token
6。 。travis。yml 檔案的簡單配置
。travis。yml檔案的作用就是在程式碼提交的時候travis-ci會根據該配置檔案執行配置的任務
在專案根目錄中建立（或修改）。travis。yml 檔案，其中${環境變數}為環境變數在travis中配置即可
language： node_js# nodejs版本node_js： - ‘6’# Travis-CI Cachingcache： directories： - node_modules# S： Build Lifecycleinstall： - npm installbefore_script：# 無其他依賴項所以執行npm run build 構建就行了script： - npm run buildafter_script： - cd 。/dist - git init - git config user。name “${U_NAME}” - git config user。email “${U_EMAIL}” - git add 。 - git commit -m “Update tools” - git push ——force ——quiet “https：//${GH_TOKEN}@${GH_REF}” master：${P_BRANCH}# E： Build LifeCycle#指定分支，只有指定的分支提交時才會執行指令碼branches： only： - masterenv： global： # 我將其新增到了travis-ci的環境變數中 #- GH_REF： github。com/yimogit/metools。git
7。 自動構建專案
修改完成，並推送到github後，就可以在travis-ci。org中看到專案開始構建了（以後每次推送程式碼到倉庫後都將會自動構建專案）
構建完成日誌
構建完成。在設定中可以看到預設已經將gh-pages分支部署到pages，訪問https：//使用者名稱。github。io/metools/即可預覽效果。
若構建失敗，可以透過travis-ci中專案面板右上角的 Restart build 重新構建
