一唬血、npm 版本查看及升級(jí)
// 查看版本
npm -v
// 升級(jí)版本
npm install -g npm
注：若npm install 報(bào)錯(cuò) permission denied响逢，使用
sudo npm install -g npm
二绒窑、安裝vue相關(guān)工具
1. 安裝vue
// 最新穩(wěn)定版
npm install vue
// 安裝vue-cli腳手架構(gòu)建工具
npm install --global vue-cli
安裝完成，輸入vue -V舔亭，如果出現(xiàn)相應(yīng)的版本號(hào)些膨，則說(shuō)明安裝成功蟀俊。如圖：
sybil052-20190108-105855.png
注：Mac 使用安裝vue-cli腳手架的時(shí)候報(bào)錯(cuò)，
解決方法：
1.切換到/usr/local/lib/node_modules/目錄
cd /usr/local/lib/node_modules/
2.刪除vue-cli文件夾
open /usr/local/lib/node_modules/
3.重新安裝vue-cli
npm install --global vue-cli
2. 安裝webpack
npm install --global webpack
npm install --global webpack-cli
安裝完成订雾，輸入webpack -v肢预，如果出現(xiàn)相應(yīng)的版本號(hào)，則說(shuō)明安裝成功葬燎。如圖：
sybil052-20190108-111334.png
三误甚、新建項(xiàng)目
1. 創(chuàng)建新項(xiàng)目
// 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
vue init webpack my-project
// 這里需要進(jìn)行一些配置，默認(rèn)回車即可
sybil052-20190108-112831.png
2. 運(yùn)行項(xiàng)目
cd my-project
npm run dev
成功執(zhí)行以上命令后訪問 http://localhost:8080/谱净，輸出結(jié)果如下所示：
sybil052-20190108-113210.png
