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