使用docker安裝的jenkins配置部署vue項目

首先安裝Publish Over SSH、nodeJS

首頁 => Manage Jenkins => 可選插件 => 右上角搜索 => 直接安裝
安裝完Publish Over SSH後

進入之後，拉到底下的Publish over SSH配置服務器的信息，配置完成後點擊Test Configuration測試可否正常鏈接，能夠的話保存。注意Remote Directory須要填寫/後面推送文件目錄是相對於此進行推送的

安裝完nodejs後配置

配置選擇node版本

建立項目
首頁 => 左上角第一個新建Item
配置git地址，要https的那個地址，在這裏配置的地址，會在當前工做空間中自動從配置的git地址中拉取項目

選擇nodejs

增長構建步驟

輸入，拉取完項目後執行的操做

echo $PATH
node -v
npm -v
npm install
rm -rf dist #刪除上一次構建生成的文件夾
npm run build   #構建
cd dist
tar -zcvf dist.tar.gz * #壓縮當前目錄的全部文件

構建完成後的增長ssh命令

cd /www/wwwroot/tangjn-cn
tar -zxvf dist.tar.gz
rm -rf dist.tar.gz

我這邊項目的運行地址是/www/wwwroot/tangjn-cn，上面的操做就是要將dist裏的內容放到這個工做目錄上，vue項目運行還需配置Nginx

配置完成後點擊當即構建