1.搭建node環境

• 進入node.js官網，下載安裝包
• 傻瓜式安裝
• 輸入如下命令進行測試

-- 檢視node版本
node -v
-- 檢視npm版本
npm -v

2.安裝cnpm

由於防火牆的限制，npm從國外網站下載東西會受阻，所以選擇cnpm（淘寶映象）來代替npm，提高下載速度

• 輸入如下命令進行安裝

--安裝cnpm，-g代表全域性
npm install cnpm -g

• 輸入如下命令進行測試

--檢視當前的cnpm版本
cnpm -v

3.安裝webpack

• 輸入如下命令進行安裝

npm install webpack -g

• 測試有沒有安裝成功

webpack -v
 

4.安裝vue-cli

• 輸入如下命令進行安裝

npm install vue-cli -g

• 測試有沒有安裝成功

vue -V

5.第一個vue專案

• 建立一個資料夾，並進入該資料夾下的命令列，輸入如下命令建立專案，建立過程中，根據提示完成基本資訊的錄入

vue init webpack vue-project1

• 進入專案的資料夾下，安裝依賴

cd vue-project1
cnpm install

• 啟動專案

npm run dev

• 輸入執行地址，如果出現vue的大圖示，那麼就說明專案建立成功了

localhost:8080