步驟一：安裝node.js
查看node.js是否安裝成功：
node -v
查看node.js版本
步驟二：安裝cnpm
由于npm是國(guó)外的讨阻，使用起來(lái)比較慢晚岭，這里安裝cnpm淘寶鏡像
npm install -g cnpm -registry=https://registry.npm.taobao.org
安裝cnpm
步驟三：安裝全局vue-cli腳手架
使用cnpm進(jìn)行安裝vue-cli
cnpm install --global vue-cli
使用cnpm安裝vue-cli
查看vue-cli是否安裝成功：
查看vue-cli是否安裝成功
步驟四：使用vue-cli初始化項(xiàng)目
切換到目標(biāo)路徑后：
vue init webpack projectName
使用vue-cli初始化項(xiàng)目
步驟五：安裝依賴
進(jìn)入項(xiàng)目目錄精肃，安裝相關(guān)依賴
npm install
實(shí)在安裝慢不得已可以使用cnpm install领曼，但是cnpm有可能發(fā)生未知的錯(cuò)誤缆巧，盡量使用npm install
安裝依賴
項(xiàng)目結(jié)構(gòu)說(shuō)明虱朵，可參考下圖：
項(xiàng)目結(jié)構(gòu)說(shuō)明
步驟六：運(yùn)行項(xiàng)目
npm run dev
運(yùn)行項(xiàng)目
訪問(wèn)http://localhost:8080/莉炉，結(jié)果如圖：
訪問(wèn)結(jié)果
可以使用vscode進(jìn)行vue項(xiàng)目的開(kāi)發(fā)，也可以使用IDEA配合插件來(lái)進(jìn)行vue的開(kāi)發(fā)碴犬，如圖：
IDEA中需要安裝的vue插件
使用IDEA+插件運(yùn)行vue項(xiàng)目效果如下：
使用IDEA+插件運(yùn)行vue項(xiàng)目
使用npm install xxx時(shí)如果報(bào)錯(cuò)：
request to https://registry.cnpmjs.org/vue failed, reason: Hostname/IP does not match
可以使用以下命令關(guān)閉npm的https（取消npm的https認(rèn)證）
npm config set strict-ssl false
