獲取node安裝包并解壓

• 獲取node安裝包

  wget https://npmmirror.com/mirrors/node/v16.14.0/node-v16.14.0-linux-x64.tar.xz

• 解壓

  tar -xvf node-v16.14.0-linux-x64.tar.xz

  創建軟鏈接

• sudo ln -s 此文件夾的絕對路徑/bin/node /usr/local/bin/node，具體執行如下：

  sudo ln -s ~/npm/node-v16.14.0-linux-x64/bin/node /usr/local/bin/node

  
  驗證是否正常

  node -v

• sudo ln -s 此文件夾的絕對路徑/bin/npm /usr/local/bin/npm

  sudo ln -s ~/npm/node-v16.14.0-linux-x64/bin/npm /usr/local/bin/npm

  
  驗證是否正常

  npm -v

  

將npm換為cnpm,淘寶本地源，并創建軟鏈接(時間較長)

• 將npm換為cnpm 執行命令：

  npm install cnpm -g --registry=https://registry.npm.taobao.org

  

• 創建軟鏈接：
  sudo ln -s 此文件夾的絕對路徑/bin/cnpm /usr/local/bin/cnpm 詳情如下：

  sudo ln -s ~/npm/node-v16.14.0-linux-x64/bin/cnpm /usr/local/bin/cnpm

安裝vue

• 執行命令安裝VUE?

  cnpm install?vue@2.6.10

  

安裝yarn

• 添加GPG key

  curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add

  
  

• 添加源

  echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

• 執行安裝命令

  sudo apt update && sudo apt install --no-install-recommends yarn

  
  

• 運行

  yarn -v

  測試是否成功

(若yarn不成功) 配置環境變量，若成功跳過此步

• 打開環境變量文件

  vi ~/.bashrc

• 最后一行添加

  export PATH="$PATH:`yarn global bin`"
  source ~/.bashrc

進入前端項目打包

備注說明：如果首次操作需要先將前端項目下載到服務器指定路徑，例如：/home/narada/ems_frontend

• 進入前端目錄?

  cd ems_frontend/

• 執行

  yarn

  

• 執行打包命令

  cnpm run build:prod?

  或

  ?yarn run build:prod

  

打包成功，拷貝目錄

打包成功后，將此目錄下的dist文件夾拷貝到ems/www中，若無www文件夾則先新建www文件夾后拷貝

cp -rf dist /home/narada/ems/www/

確認打包的前端內容正常打包到對應的目錄下如圖：

訪問測試環境地址驗證是否成功，如果能正常訪問即打包成功~