新專案配置

配置

• EditorConfig

• CHANGELOG

程式碼管理

git

需要定義.gitignore,忽略提交目錄和檔案

node_modules/
bower_components/
.DS_Store
.idea

程式碼檢查

eslint

# 初始化
$ eslint --init
# 可以選擇流行的eslint配置或者回答問題自定義配置生成.eslintrc檔案
# 還可以新建.eslintignore忽略檔案

整合構建

jenkins

命令

$ sudo launchctl load /Library/LaunchDaemons/org.jenkins-ci.plist
$ sudo launchctl unload /Library/LaunchDaemons/org.jenkins-ci.plist

使用

配置Github外掛

jenkins web端平臺: 系統管理 >> 系統設定 >> GitHub Plugin Configuration

github上使用者: Settings >> personal access tokens >> 新建

勾選給Jenkins的訪問許可權，Github plugin的幫助資訊裡說要admin:repo_hook、repo和repo:status許可權，其實repo:status是包含在repo裡的。 點選Generate token建立一個token

複製這個token，回到Jenkins點選Add按鈕

選擇Secret text，貼上token，新增描述，點選新增。Credentials中選擇剛才新建的。
點選Verify credentials測試token，顯示Credentials verified for user xxx, rate limit: xxxx，說明配置完成了，這樣你的Jenkins就具有訪問你的github的許可權了。

新建專案

建立一個freestyle任務

填寫專案的git地址, eg. https://github.com/your_name/...
新增github使用者和密碼
選擇githubweb原始碼庫瀏覽器，並填上你的專案URL，這樣每次構建都會生成對應的changes，可直接鏈到github上看變更詳情

構建觸發器
勾選Build when a change is pushed to GitHub，這樣該倉庫的每一次push或者pull request都會觸發build

隨後配置構建環境、構建步驟和構建後步驟
安裝了Github Plugin之後在構建步驟和構建後操作會多兩個設定，用於在構建時和構建後同步構建狀態到Github的，後面有效果圖

配置Github倉庫的Webhook

倉庫的建立人在倉庫的Settings >> Webhooos & services新增
我們只需要push事件觸發就可以了，選中Just the push event
點選Add webhook
yes，與github整合的Jenkins CI環境就配置好了

每次push都會觸發一次build，pull request的話還會在該介面直接顯示build結果