一、環境版本

組件版本

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

附錄 nmp命令

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

四、配置Jenkins

1、安裝NodeJS插件

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

2、新建任務

構建一個自由風格的軟件項目

源碼管理

仿照源碼管理

構建觸發器

仿照構建觸發器

構建

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

五、參考鳴謝

Ubuntu 安裝最新版nodejs
Ubuntu下使用nginx發布vue項目

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。