1.先安裝node.js（默認(rèn)路徑）
image
2.啟動命令行巴柿，輸入命令node -v八秃，可以看到node.js的版本號朴译，如圖
image
3.安裝vue-cli
使用npm（需要安裝node環(huán)境）全局安裝webpack筷黔，啟動命令行绰播，輸入如下命令：
npm install -g webpack
4.等它安裝完成后，輸入webpack -v刻盐，運行的結(jié)果是4.29.6
5.從webpack 4.X開始掏膏，需要全局安裝webpack-cli，寫如下命令
npm install webpack webpack-cli -g
image
6.安裝完成之后輸入 vue -V（注意這里是大寫的“V”）,如果版本號出現(xiàn)2.9.6敦锌，說明安裝成功
7.在C:\Users\asus\AppData\Roaming\npm目錄下可以看到以下圖片
image
8.用vue-cli來構(gòu)建項目
首先在D盤新建一個VueStudy作為項目存放地馒疹，然后使用命令行cd進入到項目目錄，輸入vue init webpack demo
9.需要選擇一些選項乙墙，會跳出幾個選項讓你回答：
image
10.配置完成后颖变，進入demo項目目錄，安裝依賴
npm install
11.啟動項目
npm run dev
運行成功（服務(wù)啟動成功后瀏覽器會默認(rèn)打開一個“歡迎頁面”）
image
