一.下載node.js

1.進入官網 https://nodejs.org/en/

 2.點選下載其他版本

3.進入下載的地址

 4.下載你想要的node版本

 5.我是windows64位的，所以選擇64位的安裝包

 6.下載完成後，檔案如圖

 二.安裝node

1.雙擊安裝包開啟，點選next

2.點選接受協議，繼續點選next

 3.點選change 選擇自己想要安裝在哪的目錄（最好不要放系統C盤）

4.選擇好自己的安裝位置

5.這裡預設自動配置好環境變數，點選next就行

6.繼續點next，這裡不需要勾選

7.點選install，等待安裝完成即可

 8.開啟cmd命令視窗  輸入下面命令，能打印出版本資訊即可

node -v

 9.繼續輸入下面命令，列印版本資訊即可。（安裝node結束）

npm -v

三.安裝vue腳手架

1.安裝node 淘寶映象加速器（node下載會從國外下載，所以安裝國內的加速器來提高速度）

# -g 就是全域性安裝
# npm 就相當於一個軟體包管理工具 類似與maven
npm install cnpm -g

2.下載完成之後如下圖（我顯示的安裝的路徑是D盤，我自己安裝node的路徑）

 3.可以到資料夾裡看有沒有這個目錄（就是上一步顯示的安裝路徑裡面）

4.裡面有檔案就代表成功

5.安裝完淘寶映象後，安裝vue-cli（vue開發腳手架）,在cmd命令視窗輸入下面命令

cnpm install vue-cli -g

6.出現此介面就是成功

 7.安裝vue-cli腳手架成功後，可以輸入下面命令，檢視腳手架有那些功能

vue list

 四.使用vue-cli腳手架，建立第一個vue程式

1.選擇程式碼存放的目錄，我的是D:\Allp\Vue-cli，然後cmd進入到這個資料夾裡面（可以自己建立一個，自己cmd進入到你自己建立的目錄就行）

2.輸入下面命令，先建立一個vue專案，開始建立第一個vue程式

# firstvue 是我自己的專案名
vue init webpack firstvue

3.如圖所示操作

 4.如下圖操作

 5.專案建立成功後，輸入命令

cd firstvue
npm install

 6.等待腳手架建立程式

 7.建立可能會報錯（解決辦法）

7.1輸入命令

npm audit fix

 7.2繼續報錯，接著輸入命令 清除快取

npm cache clean --force

 8.輸入上面沒有輸入的最後一個命令

npm run dev

 9.第一個程式建立結束，直接可以通過localhost:8080 訪問

五.idea裡面使用

 1.直接open專案的資料夾

 2.選中你的vue程式資料夾，ok