Vue目录结构 (三)

如果还没有安装过vue，去看Vue安装教程 (一)
如果还没有创建项目，去看Vue创建项目 (二)

1. 目录结构

├─dist // 执行npm run build构建后的文件，用于生产环境。
│
├─node_modules // 存放下载安装过的模块，也就是通过npm install安装的都在这里面。
│
├─public // 存放静态资源，只会被复制，不会通过webpack打包。
│
├─src // 源码目录，所有代码写这里面
│ │ App.vue // 根组件
│ │ main.js // 入口文件
│ │
│ ├─assets // 存放要经过webpack编译的资源，JS、CSS、图片这些。
│ │
│ ├─components // 公共组件，官方推荐组件首字母大写。
│ │ HelloWorld.vue
│ │
│ ├─router // 路由
│ │ index.js
│ │
│ ├─store // 全局状态
│ │ index.js
│ │
│ ├─views // 页面
│ │ About.vue
│ │ Home.vue
│
│ .browserslistrc // 配置项目的浏览器兼容性
│ .editorconfig // 编辑配置，控制统一缩进回车这些，在多人项目开发中很有用
│ .eslintrc.js // 代码风格配置
│ .gitignore // git过滤规则，提交时候过滤文件
│ babel.config.js // babel的配置文件，用于ES6转ES5
│ package-lock.json // 锁定安装包的版本号，用于统一团队的包版本
│ package.json // 项目信息和所依赖包的描述，执行npm install就是安装这里面的包。
│ README.md // 项目介绍、使用手册等等，可以理解为项目说明书。