第一步、部署環境
1、安裝nodeJs
1、下載node
wget https://nodejs.org/dist/v16.8.0/node-v16.8.0-linux-x64.tar.xz
2、解壓壓縮包
xz -d node-v8.11.2-linux-x64.tar.xz
tar -xvf node-v8.11.2-linux-x64.tar
3、將解壓后的文件 重名為node 并移動到到 /usr/local 目錄下
mv node-v10.14.1-linux-x64 node
rm node /usr/local
4、設置軟鏈接
ln -s /usr/local/node/bin/node /usr/local/bin/node
ln -s /usr/local/node/bin/npm /usr/local/bin/npm
5、驗證命令是否生效
node -v
npm -v
6、安裝yarn
npm i -g yarn
7、設置軟連接
ln -s /usr/local/node/bin/yarn /usr/local/bin/yarn
8、驗證yarn
yarn -v
yarn install
9、添加環境變量
vi /etc/profile
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH
10、刷新配置
source /etc/profile
11、如果需要卸載nodeJs、npm重裝的可以使用如下命令
yum remove nodejs npm -y
在服務器上把node，npm，yarn 的環境變量設置好之后，就不需要再在Jenkins里面安裝NodeJs插件，后面直接使用命令在shell腳本里面執行就OK了！
2、安裝Nginx
1、安裝nginx（由于我安裝了epel-release，可以通過yum直接安裝）
yum -y install nginx
2、配置nginx 資源目錄和端口
第二步、安裝Gitee插件，設置Gitee鏈接
1、安裝Gitee插件
2、關聯碼云Gitee賬號，設置Gitee鏈接
第三步、直接在Jenkins創建項目
第四步、設置項目配置
1、設置基礎信息
2、源碼管理
3、構建觸發器
4、設置構建環境
5、設置構建
第五步、到碼云的gitee庫中，找到vue項目->選擇管理->webhook->添加Wekhook
第六步、手動觸發構建
第七步、去瀏覽器訪問vue項目
訪問成功
關于Jenkins上自動化部署Vue，就完成了！
