vue + webpack 創(chuàng)建項(xiàng)目

安裝nodejs

打開(kāi)cmd,輸入node -v;如果有版本號(hào)就代表已經(jīng)安裝成功。如果沒(méi)有在nodejs官網(wǎng)下載安裝即可。

安裝 cnpm (淘寶鏡像)

這是國(guó)內(nèi)npm鏡像可以提升包的安裝速度。同步頻率目前為 10分鐘一次。
npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安裝webpack

npm install webpack -g
cnpm install webpack -g
安裝完成后再cmd 輸入 webpack -v 或者webpack --version 如有有版本號(hào)輸出則證明安裝成功

全局安裝vue-cli(腳手架)

npm install vue-cli -g

cnpm install vue-cli -g
安裝完成后再cmd 輸入 vue -V 或者vue --version 如有有版本號(hào)輸出則證明安裝成功

創(chuàng)建vue模板項(xiàng)目

vue init webpack project-name

? Project name project-name    // 項(xiàng)目名稱
? Project description A Vue.js project   // 項(xiàng)目描述
? Author xxx  // 項(xiàng)目創(chuàng)建人
? Vue build standalone
? Install vue-router? Yes   // 是否使用路由
? Use ESLint to lint your code? Yes  //是否使用ESLint(javascript代碼檢測(cè)工具)
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

啟動(dòng)

cd vue-book
npm run dev

最后編輯于
?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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