Jenkins部署-vue項目
1.安裝jenkins
這裏就不詳細說明安裝jenkins的步驟了，網上有一大堆教程；
2.安裝NodeJS插件
Manage Jenkins -> Manage Pluins 進入插件管理的頁面
因爲我已經安裝過了，在可選插件裏面就搜索不到了！
搜索到之後在前面的選擇框勾選，點擊直接獲取！等待安裝完畢！
我的安裝完成之後，在已安裝裏面是這樣的：
安裝完成之後我們重新返回工作臺，依次點擊進入 Manage Jenkins -> Global Tool Configuration 下滑找到NodeJS安裝
然後按照圖片進行操作：
保存就OK！
這樣我們在新建item，配置項目構建環境時就可以選擇nodejs了！
這就完成NodeJS的安裝了！
3.新建ITEM
輸入你想要的名稱，選擇第一個，點擊確定就進入到配置頁面了！
第一步：基本的設置
第二步： 源碼管理，此處對應着你的項目代碼去哪裏拉取，如果你的git配置祕鑰之類的一定不要忘了在這配置一下，不然是拉取不了代碼的！
第三步：配置構建環境
構建觸發器根據自己情況
第四步：構建配置
新增如圖所示的構建，因爲我的jenkins安裝windows上所以我選的是第二個，如果是安裝在Linux上就選擇第三個；
然後新建三個這個batch command；
第一個腳本：
call npm install
call npm run build:sit
注意：因爲我的jenkins安裝在win環境上，此處需要加上 call 不然會出現執行完 install 之後就不在執行之後的命令的情況！Linux可以不寫
第二個腳本：
@echo 刪除舊版本文件 ...
rd /s/q 文件路徑
@echo 舊版本文件刪除成功！
rd 命令爲刪除 目標文件和其下的所有文件和子文件夾（**注意：win路徑應使用 \ ** ）
第三個腳本：
xcopy D:\jenkins-2.222.3\workspace\dev-ui-admin\uiAdmin E:\dev-ui-admin\ /s
這道命令是我需要將生成的.html文件放到一個單獨項目文件夾內，如果情況跟我一樣，注意後面還有一個 /s 的屬性
最後保存OK！
——每天進步一點點！