Vue-cli

地址：https://github.com/vuejs/vue-cli
安裝
安裝Vue-cli
npm install -g vue-cli
1

安裝成功之后，可以執(zhí)行vue list命令查看：

image.png

舉例出了我們可以用的哪些模板。
然后我們來(lái)安裝webpack模板
vue init webpack sell

sell 是我們項(xiàng)目名稱(chēng)。
這里寫(xiě)圖片描述

可以一直回車(chē)（我這里最后2個(gè)選擇的no）.
執(zhí)行完后，我們會(huì)發(fā)現(xiàn)多了一個(gè)名為sell

的文件夾，目錄結(jié)構(gòu)如下圖：
這里寫(xiě)圖片描述

繼續(xù)執(zhí)行
cd sellnpm install

1
2

安裝所需要的依賴(lài). 安裝完依賴(lài)之后項(xiàng)目目錄結(jié)構(gòu)變化如下圖：
這里寫(xiě)圖片描述

(多了一個(gè)node_modules
目錄)
然后其他服務(wù)，執(zhí)行
npm run dev
1

這里寫(xiě)圖片描述
瀏覽器打開(kāi)：http://localhost:8080/#/
這里寫(xiě)圖片描述

項(xiàng)目目錄結(jié)構(gòu)介紹
這里寫(xiě)圖片描述

.babelrc
babel配置文件，把我們ES2105的代碼通過(guò)它編譯成ES5的。 .editorconfig
編輯器配置 .eslintignore
忽略語(yǔ)法檢查的目錄文件配置 .eslintrc.js
eslint的配置文件 .gitignore
配置git倉(cāng)庫(kù)的忽略 index.html
項(xiàng)目入口模板文件 package.json
node配置文件

最后編輯于 ：
?著作權(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)容