1.安裝寶塔界面；

2.在寶塔界面“軟件管理”或“軟件商店”安裝PM2；

3.檢查是否安裝成功和版本號，用SSH登陸服務器；輸入：

a、node -v 命令：查看node的版本，若出現相應的版本號，則說明你安裝成功了。
b、npm -v 命令：npm包管理器，是集成在node中的，所以安裝了node也就有了npm,直接輸入 npm -v 命令，顯示npm的版本信息。

4.安裝cnpm

在命令行中輸入??npm install -g cnpm --registry=http://registry.npm.taobao.org ?，然后等待，沒報錯表示安裝成功。

5.安裝webpack

在命令行中輸入? cnpm install -g webpack

6.安裝vue的腳手架工具

在命令行中輸入? cnpm install -g vue-cli

輸入：vue，回車，若出現vue信息說明表示成功。

7.創建項目（可以直接進入寶塔默認網站目錄?cd /www/wwwroot/?執行。?）

在命令行中輸入：vue init webpack vue_test(項目文件夾名)，回車，等待一小會兒，依次出現‘git’下的項。

注意事項：此時會不斷要你輸入些東西，注意到Eslint那個選項是選擇
N（Eslint是語法規則和代碼風格的檢查工具，會自動檢測當前項目的代碼是否符合預設的規則，如果你的代碼寫得不符合預設的規則會報錯），然后一直回車。

8.安裝項目所需依賴，進入項目中：

cd vue_test

cnpm install

完成后，會發現項目目錄下多出一個node_modules文件夾，里面就是 vue-cli 創建的一個基于 webpack 的 vue.js 項目。

9.上傳項目文件到項目目錄里。并修改config/index.js? 訪問的IP和端口號。

host: '127.0.0.1', // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,

10.運行項目

在命令行中輸入? npm run dev

當顯示：Your application is running here: http://127.0.0.1:8081? ?代表項目運行成功！

?

使用vue-cli初始化項目時運行‘npm run dev’報錯

1、試一下 卸載npm uninstall webpack-dev-server，在安裝這個npm i webpack-dev-server@2.9.7，我的可以正常啟動了。?
2、刪除node_modules目錄，使用npm install，不要用cnpm，npm也是可以設置成淘寶鏡像的，cnpm有時候用起來會有很多問題，無名無故的安裝些多余的東西。

?

總結

以上是生活随笔為你收集整理的宝塔环境下配置PM2+NODE+VUE+WEBPACK环境的全部內容，希望文章能夠幫你解決所遇到的問題。

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