第一步、部署環(huán)境
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 并移動(dòng)到到 /usr/local 目錄下
mv node-v10.14.1-linux-x64 node
rm node /usr/local
4、設(shè)置軟鏈接
ln -s /usr/local/node/bin/node /usr/local/bin/node
ln -s /usr/local/node/bin/npm /usr/local/bin/npm
5、驗(yàn)證命令是否生效
node -v
npm -v
6、安裝yarn
npm i -g yarn
7、設(shè)置軟連接
ln -s /usr/local/node/bin/yarn /usr/local/bin/yarn
8、驗(yàn)證yarn
yarn -v
yarn install
9、添加環(huán)境變量
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
在服務(wù)器上把node,npm,yarn 的環(huán)境變量設(shè)置好之后,就不需要再在Jenkins里面安裝NodeJs插件,后面直接使用命令在shell腳本里面執(zhí)行就OK了!
2、安裝Nginx
1、安裝nginx(由于我安裝了epel-release,可以通過(guò)yum直接安裝)
yum -y install nginx
2、配置nginx 資源目錄和端口
第二步、安裝Gitee插件,設(shè)置Gitee鏈接
1、安裝Gitee插件
2、關(guān)聯(lián)碼云Gitee賬號(hào),設(shè)置Gitee鏈接
第三步、直接在Jenkins創(chuàng)建項(xiàng)目
第四步、設(shè)置項(xiàng)目配置
1、設(shè)置基礎(chǔ)信息
2、源碼管理
3、構(gòu)建觸發(fā)器
4、設(shè)置構(gòu)建環(huán)境
5、設(shè)置構(gòu)建
第五步、到碼云的gitee庫(kù)中,找到vue項(xiàng)目->選擇管理->webhook->添加Wekhook
第六步、手動(dòng)觸發(fā)構(gòu)建
第七步、去瀏覽器訪問(wèn)vue項(xiàng)目
訪問(wèn)成功
關(guān)于Jenkins上自動(dòng)化部署Vue,就完成了!