引見

我們大多數公司在做項目時，應當都碰到過，當代碼被 push 上 git 或者是 svn 時，過幾分鐘就能夠在線上及時看到我們的項目，就像看到親生兒子一樣，然則一定許多人不曉得這是怎樣完成的（假如你曉得，那能夠不必往下看了，點個贊就去用飯吧…），所以本日我就來給人人引見一下个中的一款 travis-CI，請記着它的 face：

延續集成（Continuous integration）的中心頭腦，代碼先自動化測試用例，經由過程後集成到骨幹。它細分的話有兩個觀點：

• 延續託付
• 延續布置

簡樸來講延續布置是延續託付的下一步，延續託付是測試階段，布置就是測試經由過程階段。,這個就有許多東西展開了，求我我就通知你…

預備

• GitHub 賬號（作為一個及格的程序員，你沒有真的好嗎？）
• travis-CI 平台接入
• GITHUB_TOKEN
• 給我點贊…

第一步

登錄 CI 官網，然後銜接本身的 gitHub，這個時刻 Legacy Services Integration 應當默許顯現了幾個本身gitHub的項目

假如顯現不全，能夠按左側的 sync 同步一下

然後第一張圖每一個項目的邊上有一個 switch 開關，你想要讓哪一個集成就翻開哪一個吧（不截圖了，我懶…）

第二步

進入本身的 gh 主頁，順次：GitHub settings -> developer settings -> Personal access tokens，勾選權限，自由發揮，你要全勾也行…

將天生的 token 複製備用

第三步

回到CI，翻開你翻開開關的誰人項目的 settings（看到你很繞我就寧神了…），進入設置頁面，在 Environment Variables 里填入以下內容：

離別對應：git項目、項目分支（我這裏的分支是gh-pages）、token、Git-email、Git-username

第四步

在項目根目錄設置個文件叫 .travis.yml,打包項目以vue-cli為例，內容以下：

language: node_js
# nodejs版本
node_js:
    - '8.9.1'

# S: Build Lifecycle
install:
  - npm install
script:
  - npm run build

# 這個是否是看着很熟悉？
after_script:
  - cd ./dist
  - git init
  - git config user.name "${USER_NAME}"
  - git config user.email "${USER_EMAIL}"
  - git add .
  - git commit -m "blog.jzxer.cn"
  - git push --force --quiet "https://${test_token}@${GH_REF}" master:${P_BRANCH}
# E: Build LifeCycle

# 只對某個分支行動見效
branches:
  only:
    - master

第四點

翻開 CI，進入本身構建項目的誰人頁面，翻開 job log，感覺那恐怕 error 的快感！（都是淚…）

固然假如你經由過程的話，就會有一個 passing 在你的項目題目旁邊。

每次看到這個我都衝動的百感交集…

第五步

看一下本身在git上的項目，是否是湧現了這個分支，而且已自動布置好了？勝利的截圖。

布置好的頁面

跋文

如今，你能夠猖獗的 push 代碼了，其他的事交給 CI 去做就行。

好了，碼了這麼久的字，你是否是應當：

點個贊？

個贊？

贊？

👍