1.安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安裝webpack:
cnpm install webpack -g
3.安裝vue腳手架
npm install vue-cli -g
4.創(chuàng)建項(xiàng)目
先進(jìn)入要?jiǎng)?chuàng)建項(xiàng)目的位置比如D:vue,再創(chuàng)建vue項(xiàng)目(vue_test)
d:
cd vue
vue init webpack vue_test
輸入項(xiàng)目初始化信息
Project name: 項(xiàng)目名稱(vue_test)
Project description: 項(xiàng)目描述信息枫虏,也可以回車默認(rèn)項(xiàng)目描述信息(a vue test)
Author: 作者名稱(zoro)
出現(xiàn)bulid提示信息后,再次點(diǎn)擊回車
install vue-router: 是否選擇vue路由模塊(y)
use ESLint to lint your code:是否把檢查語法規(guī)范的功能加進(jìn)webpack編譯的流程里(n)
Setup unit tests with Karma + Mocha:是否需要單元測試(n)
Setup e2e tests with Nightwatch:是否安裝e2e來進(jìn)行用戶行為模擬測試(n)
5.進(jìn)入工程目錄
cd vue_test
6.安裝依賴
npm install
7.安裝 vue 網(wǎng)絡(luò)請(qǐng)求模塊
cnpm install vue-resource --save
8.啟動(dòng)項(xiàng)目
npm run dev
9.項(xiàng)目截圖