Vue項(xiàng)目通常結(jié)構(gòu)
2020/11/18 11:50:15 閱讀:2482
發(fā)布者:2482
build 文件夾:用于存放 webpack 相關(guān)配置和腳本。
config 文件夾:主要存放配置文件,比如配置開(kāi)發(fā)環(huán)境的端口號(hào)、開(kāi)啟熱加載或開(kāi)啟gzip壓縮等。
dist 文件夾:默認(rèn)命令打包生成的靜態(tài)資源文件。
node_modules:存放 npm 命令下載的開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境的依賴包。
src: 存放項(xiàng)目源碼及需要引用的資源文件。
src下assets:存放項(xiàng)目中需要用到的資源文件,css、js、images 等。
src下componets:存放 vue 開(kāi)發(fā)中一些公共組件。
src下emit:自己配置的 vue 集中式事件管理機(jī)制。
src下router:vue-router vue 路由的配置文件。
src下service:自己配置的 vue 請(qǐng)求后臺(tái)接口方法。
src下page:存在 vue頁(yè)面組件的文件夾。
src下util:存放 vue開(kāi)發(fā)過(guò)程中一些公共的 js 方法。
src下vuex:存放 vuex 為vue專門開(kāi)發(fā)的狀態(tài)管理器。
src下app.vue:整個(gè)工程的 vue 根組件。
src下main.js:工程的入口文件。
index.html:設(shè)置項(xiàng)目的一些meta頭信息和提供html元素節(jié)點(diǎn),用于掛載 vue。
package.json:對(duì)項(xiàng)目的描述以及對(duì)項(xiàng)目部署和啟動(dòng)、打包的 npm 命令管理。