vue學(xué)習(xí) 創(chuàng)建Vue項(xiàng)目(一)

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:是否把檢查語(yǔ)法規(guī)范的功能加進(jìn)webpack編譯的流程里(n)

Setup unit tests with Karma + Mocha:是否需要單元測(cè)試(n)

Setup e2e tests with Nightwatch:是否安裝e2e來(lái)進(jìn)行用戶行為模擬測(cè)試(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)目截圖

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容