一、環(huán)境版本

組件版本

Ubuntu	20.04
NodeJS	16.13.0
npm	8.1.0
cnpm	7.1.0

二、安裝NodeJS

# 指定NodeJS安裝版本，修改版本只需修改setup_X.x curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash - # 安裝NodeJS sudo apt-get install -y nodejs # 驗(yàn)證安裝 node -v npm -v # 安裝cnpm npm install cnpm -g --registry=https://registry.npmmirror.com# 如需卸載更換版本 sudo apt-get remove nodejs

三、安裝Nginx

# 安裝Nginx sudo apt install nginx # 配置防火墻 # 獲得應(yīng)用程序配置文件的列表 sudo ufw app list # Nginx有三個配置文件可用：Nginx Full、Nginx HTTP、Nginx HTTPS # Nginx Full ：此配置文件打開端口80（正常，未加密的網(wǎng)絡(luò)流量）和端口443（TLS / SSL加密流量）; # Nginx HTTP ：此配置文件僅打開端口80（正常，未加密的網(wǎng)絡(luò)流量）; # Nginx HTTPS ：此配置文件僅打開端口443（TLS / SSL加密流量）; sudo ufw allow 'Nginx HTTP' sudo ufw allow 'Nginx HTTPS' # 開啟防火墻 sudo ufw enable # 查看防火墻狀態(tài) sudo ufw status # 驗(yàn)證Web服務(wù)器是否運(yùn)行 sudo systemctl status nginx # 啟動nginx sudo systemctl start nginx.service # 設(shè)置為每次開機(jī)啟動 sudo systemctl enable nginx.service # 配置nginx sudo vim /etc/nginx/sites-enabled/default # 修改root指向內(nèi)容 root /usr/local/nginx/jenkins/www/hello-vue; # nginx重新加載配置文件 nginx -s reload

附錄 nmp命令

# 全局安裝 npm install -g 軟件包名 # 全局安裝的路徑可以通過下面的命令查看 npm config get prefix # 全局安裝的路徑可以通過下面的命令修改 npm config set prefix "目錄" # 局部安裝（將模塊下載到當(dāng)前命令行所在目錄），不推薦 npm install 軟件包名

四、配置Jenkins

1、安裝NodeJS插件

主面板->系統(tǒng)管理->全局工具配置->插件管理->可選插件
安裝NodeJs插件

2、新建任務(wù)

構(gòu)建一個自由風(fēng)格的軟件項(xiàng)目

源碼管理

仿照源碼管理

構(gòu)建觸發(fā)器

仿照構(gòu)建觸發(fā)器

構(gòu)建

# 安裝package.json中指定的依賴項(xiàng) cnpm install # 打包 cnpm run build # 復(fù)制文件到Nginx配置文件指向位置 cd /var/lib/jenkins/workspace/hello-vue cp dist/* -rf /usr/local/nginx/jenkins/www/hello-vue

五、參考鳴謝

Ubuntu 安裝最新版nodejs
Ubuntu下使用nginx發(fā)布vue項(xiàng)目

總結(jié)

以上是生活随笔為你收集整理的Jenkins Bitbucket Vue 部署的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。