1，配置node環境

2，開啟cmd切換到node安裝目錄，安裝vue-cli:vue-cli會自動按照專案結構在你本地初始化一個專案，當然不用該工具，手動建資料夾配置js等也可以的，但是vue-cli 一行命令就自動生成了多方便呢

npm install vue-cli -g

3，切換到工作目錄，在該目錄下使用vue-cli初始化一個專案

vue init webpack projectTest  #自定義的專案名

4，使用node.js部署測試執行

cd projectTest

npm install

npm run dev

5,執行這個網址

6，打包釋出

1）用cmd並進入到vue專案，或者在vue專案shift+右鍵開啟powershell視窗，輸入命令

npm run build

2）命令執行玩之後會生成一個dist資料夾，這就是部署包，把該部署包放到iis或者java webApp就能 運行了，伺服器需要裝node.js嗎（待測試）

7,dev和build的區別

當我們執行npm build和npm dev其實都是執行的script裡面的內容

package.json裡面

"dev":"node build/dev-server.js",

"build":"node build/build.js",

解釋：執行”npm run dev”的時候執行的是build/dev-server.js檔案，

執行”npm run build”的時候執行的是build/build.js檔案。

build/dev-server.js

1. 檢查node和npm的版本
2. 引入相關外掛和配置
3. 建立express伺服器和webpack編譯器
4. 配置開發中間件（webpack-dev-middleware）和熱過載中介軟體（webpack-hot-middleware）
5. 掛載代理服務和中介軟體
6. 配置靜態資源
7. 啟動伺服器監聽特定埠（8080）
8. 自動開啟瀏覽器並開啟特定網址（localhost:8080）

說明： express伺服器提供靜態檔案服務，不過它還使用了http-proxy-middleware，一個http請求代理的中介軟體。前端開發過程中需要使用到後臺的API的話，可以通過配置proxyTable來將相應的後臺請求代理到專用的API伺服器。

build/build.js

構建環境下的配置，

build.js主要完成下面幾件事：

1. loading動畫
2. 刪除建立目標資料夾
3. webpack編譯
4. 輸出資訊

注：在我的理解，第一個是開發環境本地除錯用的，第二個是專案生產環境用的，專案打包後代碼壓縮更安全