Vue理念（題外話）

1、Node安裝

2、基於node.js,安裝淘寶映象

國內直接使用 npm 的官方映象是非常慢的，這裡推薦使用淘寶 NPM 映象。

新建一個資料夾，開啟資料夾，在資料夾中按住鍵盤的 shift鍵 + 滑鼠右邊，在彈出彈框中選擇“在此處開啟命令視窗（W）”，開啟命令視窗（cmd），如圖

在命令列中輸入如下內容：
npm install -g cnpm –registry=https://registry.npm.taobao.org
回車，等待安裝完成……

3、安裝webpack

繼續在命令視窗中輸入如下內容：
cnpm install webpack -g
回車，等待安裝完成……

4、安裝全域性vue-cli腳手架

繼續在命令視窗中輸入如下內容：
cnpm install vue-cli -g
回車，等待安裝完成……

5、建立本地Vue專案（以上都配置之後，以後新建專案從此步驟開始即可~）

繼續在命令視窗中輸入如下內容：
vue init webpack 你自己隨便起的檔名 ( 名字不能用中文 )

例如： vue init webpack vue_test

回車，如下圖

注：ESlint會規範你的程式碼，如果此處選擇為“Yes”，在正式編碼時多（少）一個空格錯誤都有可能報錯；

6、進入新建的目錄中

繼續在命令視窗中輸入如下內容：
cd 目錄名稱（你自己剛剛起的檔名）
回車

7、安裝專案依賴 這一步會比較慢 因為檔案很多

繼續在命令視窗中輸入如下內容：
npm install
注：不要從國內映象cnpm install安裝，會導致後面缺了很多依賴庫（網上看到，未證實）

新建專案如下

8、啟動專案

繼續在命令視窗中輸入如下內容：
cnpm run dev

啟動專案之後，瀏覽器自動開啟新頁面（如下圖），則表示Vue專案環境搭建及安裝成功

9、命令視窗退出監聽（Ctrl + C）