1.1 项目文件解读

• .babelrc ES6的配置
• .editorconfig 编辑器的配置
• .gitignore 忽略git提交的配置
• .postcssrc.js HTML添加前缀的配置

---

bulid webpack配置文件打包所在的文件夹

• bulid.js 构建生产版本，打生产包
• check-versions.js
• dev-client.js
• dev-server.js 修改配置后需要从新启动
• utils.js
• vue-loader.conf.js
• webpack.base.conf.js 打包核心配置
• webpack.dev.conf.js
• webpack.prod.conf.js
• webpack.test.conf.js

---

cofig 是webpack对应的配置

• dev.env.js
• index.js 修改端口号
• prod.env.js
• test.env.js

---

node_modules 项目的安装依赖

github上下载下来一般通过npm istall去构建

---

src 开发项目的源码

src路径可以用@（webpack.base.conf.js下配置了）

• assets ：放静态资源，偏向组件的资源，img通过webpack打包时会转换为base64的形式
• components：放组件
• router：放路由
• views ：存放页面
• store : vuex的状态管理
• App.vue 入口组件
• main.js 项目入口文件

---

static 资源文件夹

---

package.json

dependencies 是项目依赖库，--save就安装到这个目录下
devDependencies 是开发依赖库，在打包的时候需要，打包后就没有了