轉自 https://www.cnblogs.com/liyunfei0103/p/10183620.html
生成的目錄結構如下
文件夾:
build -- webpack相關配置文件,一般情況下不需要自己配置
config -- vue基本配置文件,可配置端口號,打包輸出等
node_modules -- 依賴包,也就是運行cnpm install 安裝的依賴組件都在這里
src -- 項目核心文件,自己寫的代碼基本都放在這里面
static -- 靜態資源,一般圖片類資源都放在這里
文件:
.babelrc -- babel編譯參數,不清楚干啥用的,還沒學到呢,學到后補充知識
.editorconfig -- 代碼格式
.gitignore -- git上傳需要忽略的文件配置
.postcssrc.js -- 轉換css的工具
index.html -- 主頁
package.json -- 項目基本信息及項目依賴關系
README.md -- 項目說明
build目錄
build.js -- 生成環境構建
check-versions.js -- 版本檢查(node,npm)
logo.png -- vue的logo圖片
utils.js -- 構建用相關工具
vue-loader.conf.js -- css加載器配置
webpack.base.conf.js -- webpack基礎配置
webpack.dev.conf.js -- webpack開發環境配置
webpack.prod.conf.js -- webpack生產環境配置
config目錄
dev.env.js -- 開發環境配置
index.js -- 項目主要配置,監聽端口,打包路徑等
prod.env.js -- 生產環境配置
node_modules目錄
存放在這個項目的所有依賴,以后項目根據需要安裝的其他依賴也都放在這里
src目錄
assets文件夾 -- 放置靜態資源,css,less,lass等樣式文件,外部js文件等,也可以放置圖片,文檔等靜態資源
components文件夾 -- 公共組件
router文件夾 -- 路由,配置項目路由
App.vue -- 根組件
main.js -- 入口文件