1.先安裝node.js（默認(rèn)路徑）
image
2.啟動(dòng)命令行仑撞，輸入命令node -v肛冶，可以看到node.js的版本號(hào)萌踱，如圖
image
3.安裝vue-cli
使用npm（需要安裝node環(huán)境）全局安裝webpack，啟動(dòng)命令行粗梭，輸入如下命令：
npm install -g webpack
4.等它安裝完成后拼坎，輸入webpack -v浮毯，運(yùn)行的結(jié)果是4.29.6
5.從webpack 4.X開始，需要全局安裝webpack-cli泰鸡，寫如下命令
npm install webpack webpack-cli -g
image
6.安裝完成之后輸入 vue -V（注意這里是大寫的“V”）,如果版本號(hào)出現(xiàn)2.9.6亲轨，說明安裝成功
7.在C:\Users\asus\AppData\Roaming\npm目錄下可以看到以下圖片
image
8.用vue-cli來構(gòu)建項(xiàng)目
首先在D盤新建一個(gè)VueStudy作為項(xiàng)目存放地，然后使用命令行cd進(jìn)入到項(xiàng)目目錄鸟顺，輸入vue init webpack demo
9.需要選擇一些選項(xiàng)惦蚊，會(huì)跳出幾個(gè)選項(xiàng)讓你回答：
image
10.配置完成后，進(jìn)入demo項(xiàng)目目錄讯嫂，安裝依賴
npm install
11.啟動(dòng)項(xiàng)目
npm run dev
運(yùn)行成功（服務(wù)啟動(dòng)成功后瀏覽器會(huì)默認(rèn)打開一個(gè)“歡迎頁面”）
image
