1、安裝jenkins：
按照網上教程安裝，默認安裝推薦的插件即可，默認密碼在你安裝jenkins目錄下的secrets文件夾里，initialAdminPassword文件。
2、新建項目：
創建一個新項目，選擇自由風格（前端），然后進行配置。
2.1、源碼管理：配置代碼所在倉庫地址。
2.2、構建環境：前端項目通過nodejs和npm方式構建。這里的NodeJs Installation選項需要在jenkins的plugins里面安裝，然后再到工具配置Global Tool Configuration里面配置nodejs版本。
3、配置構建命令：因為jenkins是在本地安裝，所以沒有配置遠程服務器的操作和命令。如果使用npm安裝依賴很慢，導致構建失敗的話，可以使用yarn安裝，不過首次在Jenkins里運行yarn命令可能需要npm install -g yarn。不然會提示yarn命令不存在。cd 命令后面的文件夾必須保證存在，不會默認創建。
# cd /var/lib/jenkins/workspace/reactTest #進入Jenkins工作空間下reactTest項目目錄 cd D:/jenkins/workspace/kl_web_dms node -v #檢測node版本（此條命令非必要） # npm -v #檢測npm版本（此條命令非必要） # npm install -g yarn yarn -v # npm cache verify # npm cache clean --force # yarn install --pure-lockfile #安裝項目中的依賴 yarn run build:test #打包 cd build rm -rf reactTest.tar.gz #刪除上次打包生成的壓縮文件（一般建議備份，不要直接刪除，這邊測試就無所謂啦） tar -zcvf reactTest.tar.gz * #把生成的項目打包成壓縮包，方便移動到項目部署目錄 # cd /var/lib/jenkins/workspace/reactTest_web #進入web項目根目錄 cd D:/jenkins/workspace/kl_web_dms_web #進入web項目根目錄 # mv /var/lib/jenkins/workspace/reactTest/build/reactTest.tar.gz ./ #移動剛剛打包好的項目到web項目根目錄 mv D:/jenkins/workspace/kl_web_dms/build/reactTest.tar.gz ./ #移動剛剛打包好的項目到web項目根目錄 tar -zxvf reactTest.tar.gz -C build/ #解壓項目到dist目錄 rm -rf reactTest.tar.gz #刪除壓縮包
注意：
可能在構建的時候會報錯提示 ：C:\Windows\TEMP\jenkins1513512433272584870.sh The system cannot find the file spec……后面忽略。可能是因為shell命令執行環境不對或找不到，需要自己指定配置一下。
可以在系統配置configure-manage里面找到Shell項，配置你電腦Git的sh.exe路徑，如下：
