vue的基本項目結(jié)構(gòu)

├── README.md 項目介紹 ├── index.html 入口頁面 ├── build 構(gòu)建腳本目錄 │ ├── build-server.js 運行本地構(gòu)建服務(wù)器，可以訪問構(gòu)建后的頁面 │ ├── build.js 生產(chǎn)環(huán)境構(gòu)建腳本 │ ├── dev-client.js 開發(fā)服務(wù)器熱重載腳本，主要用來實現(xiàn)開發(fā)階段的頁面自動刷新 │ ├── dev-server.js 運行本地開發(fā)服務(wù)器 │ ├── utils.js 構(gòu)建相關(guān)工具方法 │ ├── webpack.base.conf.js wabpack基礎(chǔ)配置 │ ├── webpack.dev.conf.js wabpack開發(fā)環(huán)境配置 │ └── webpack.prod.conf.js wabpack生產(chǎn)環(huán)境配置 ├── config 項目配置 │ ├── dev.env.js 開發(fā)環(huán)境變量 │ ├── index.js 項目配置文件 │ ├── prod.env.js 生產(chǎn)環(huán)境變量 │ └── test.env.js 測試環(huán)境變量 ├── mock mock數(shù)據(jù)目錄 │ └── hello.js ├── package.json npm包配置文件，里面定義了項目的npm腳本，依賴包等信息 ├── src 源碼目錄 │ ├── main.js 入口js文件 │ ├── app.vue 根組件 │ ├── components 公共組件目錄 │ │ └── title.vue │ ├── assets 資源目錄，這里的資源會被wabpack構(gòu)建 │ │ └── images │ │ └── logo.png │ ├── routes 前端路由 │ │ └── index.js │ ├── store 應(yīng)用級數(shù)據(jù)（state）狀態(tài)管理 │ │ └── index.js │ └── views 頁面目錄 │ ├── hello.vue │ └── notfound.vue ├── static 純靜態(tài)資源，不會被wabpack構(gòu)建。 └── test 測試文件目錄（unit&e2e）└── unit 單元測試├── index.js 入口腳本├── karma.conf.js karma配置文件└── specs 單測case目錄└── Hello.spec.js

總結(jié)

以上是生活随笔為你收集整理的vue的基本项目结构的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。