前面文章介紹了Jenkins+svn+tomcat實現自動化部署，現在終於有空抽時間出來寫下Jenkins+svn+nginx實現自動部署vue前端項目。
jenkins的安裝和配置已經在前面文章進行介紹，下面介紹實現vue前端項目需要進行的哪些額外的步驟。
注意：在安裝jenkins和nginx的前提下，如果還沒安裝nginx,請自行百度
1：登陸jenkins，在系統管理——插件管理中，添加兩個插件。Node.js和Post build task.
其中node.js是用來打包vue項目，post build task用來把打包好的項目自動移動到nginx目錄。
2.配置下NodeJS參數,打開全局工具配置，找到NodeJS，選擇相應版本進行配置安裝，可以查看本地開發運行的node版本，選擇相應版本，以免發生版本問題導致項目發布失敗。
3.完成如上配置之后，重啟下服務，然后重新打開頁面，進行任務的創建。任務類型選擇freestyle project.
4.輸入項目名稱，進入到項目之后，進行項目的描述已經配置下discard old builds，這個是配置項目構建保留的天數和最大個數，為了給磁盤省點空間，不然每次構建都有存留很多的歷史文件。
5.源碼管理配置如圖：
6.下一步，選擇相應的策略和構建環境，下圖都是配置好的信息。
7.構建項目，其中npm i 表示的是npm install，npm run build:stage表示的是項目打包的命令，如果要打包生產環境，換生成環境命令即可。
8.項目打包完，我們還需要最后一步，就是把打包好的項目移動到nginx上面。其中要注意的點是：log text的值，這個是post build tash觸發的關鍵，就是我們jenkins自動部署該項目時候產生的日志，我判斷有deployed的日志文字，就促發post build,如果是tomcat項目，執行前面成功命令是 BUILD SUSSESS，我們就可填寫相應的值進去。其中
rmdir /q /s "E:\nginx-1.12.2\html\ns" xcopy /y /e /i "C:\Program Files (x86)\Jenkins\workspace\ns-web\ns" "E:\nginx-1.12.2\html\ns"
這個腳本第一句表示刪除nginx原來的項目，第二句表示復制打包好的項目到nginx目錄，自此，完成項目的自動化部署。
