image.png
- build 打包的配置文件所在的文件夾
- config 打包的配置(也就是webpack的配置)
- src 源碼
- static 靜態(tài)資源(圖片)
- .babelrc ES6解析的一個(gè)配置甥厦,如果不加這個(gè)文件不能解析ES6語法 根灯,如果不加這個(gè)文件可以在webpack.base.conf.js里面配置(不知道怎么配 囧)
- .editorconfig 編輯器的配置
- .gitignore git提交配置(配置的內(nèi)容不會(huì)提交上去)
- .postcssrc.js 添加前綴的配置
- index.html 入口頁面杂曲, 通過webpack打包會(huì)插入到index.html來進(jìn)行訪問
- build/bulid.js 用于構(gòu)建生產(chǎn)版本,打生產(chǎn)包
vue作者也提供了一個(gè)叫做 vue-loader 的 npm 包,可以把*.vue
文件轉(zhuǎn)換成 webpack 包的畴,和整個(gè)打包過程融合起來。所以有了 Vue.js末融、webpack 和 vue-loader
image.png
- <components>組件目錄,一個(gè)組件一個(gè).vue文件
a.vue
b.vue - <lib>如果實(shí)在有不能算組件暇韧,但也不來自外部 (tnpm) 的代碼勾习,可以放在這里
foo.css
bar.js - <src>主應(yīng)用/頁面相關(guān)文件
app.html 主 html
app.vue 主 vue
app.js 通常做的事情只是var Vue = require('vue'); new Vue(require('./app.vue')) - <dist>(ignored)
- <node_modules>(ignored)
- package.json 記錄項(xiàng)目基本信息,包括模塊依賴關(guān)系
- README.md 項(xiàng)目基本介紹