1.安裝

1、安裝node，安裝簡單，直接下一步就完事兒，包管理工具npm也同時安裝完成；

2、開啟命令列工具：開始--執行--cmd--輸入node -v--輸出版本號就成功了；

3、安裝webpack，開啟命令列工具：開始--執行--cmd--輸入npm install webpack -g--等待安裝完成；

4、開啟命令列工具：開始--執行--cmd--輸入webpack-v--輸出版本號就成功了；

5、安裝vue-cli腳手架，開啟命令列工具：開始--執行--cmd--輸入npm install vue-cli -g--等待安裝完成；

6、開啟命令列工具：開始--執行--cmd--輸入vue-V（大寫的V）

2.構建專案

1、在專案目標的資料夾中，進入本資料夾的命令列工具，主要有如下方式：

         （1）cd目錄進入當前資料夾

         （2）按住shift+右擊，點選在此處開啟porwershell視窗

         （3）如果安裝了git，右擊點選Git Bash Here

2、開啟的命令列工具：輸入vue init webpack vueTitle（vueTitle：專案名稱，不能是中文）

3、安裝專案依賴：輸入npm install，因為自動構建過程中已存在package.json檔案，所以這裡直接安裝依賴就行；

4、安裝 vue 路由模組 vue-router 和網路請求模組 vue-resource，輸入npm install vue-router vue-resource --save；

5、所有安裝完成的專案目錄如下：

6.啟動專案，輸入npm run dev,成功在localhost:8080出現vue的主頁就是成功啟動了；

3.使用技巧

1、開發環境開啟使用：npm run dev；打包到本地使用：npm run duild

2、如果config -> index.js 中的 build 程式碼中的 productionSourceMap=false ，打包後文件體積可以減少百分之八十

3、如果build -> webpack.prod.conf.js -> HtmlWebpackPlugin -> 配置引數新增hash: true，即會使打包生成的index.html中的js和css路徑帶有？+隨機字串，也就是版本控制

4、打包以後再本地開啟會報錯，所以需要一個伺服器來開啟，網上看到一篇express啟動的，僅限參考