一个Vue项目 目录里的每一个 文件夹 都是干什么的？ #目录

刚接触Vue，初始化一个vue项目之后（用vue create/ vue init 都可以）
我们得到的项目目录是这样的：

1. build
   1. build.js > 生产环境构建脚本
   2. check-versions.js > 用来检查npm，node.js版本
   3. utils.js > vue开发环境的webpack相关配置文件
   4. vue-loader.conf.js > 配置了css加载器以及编译css之后自动添加前缀
   5. webpack.*.conf > webpack的各种配置
2. config
   1. dev.env.js > 开发环境的各种变量设置
   2. 项目的配置文件
   3. prod.env.js > 生产环境的各种变量设置
3. node_modules
   1. 这个不用多说了吧，npm各种模块都在这
4. src 开发目录
   1. assets > 资源目录，放各种资源，这个目录下的资源会被webpack构建
   2. components > 组件目录，放组件s
   3. router > 前端路由，路由配置就在index.js里面写
   4. App.vue > 根组件，页面会把这个组件加载到Dom树上
   5. main.js > 入口js文件
5. static
   1. 静态资源，这个目录下面的资源不会被webpack构建
6. index.html > 首页入口文件
7. package.json > npm包配置文件，里面写项目的各种npm脚本，依赖包等信息
8. README.md > 说明文档
9. .xxxx > 各种工具、语法的配置文件

├── public 静态资源
└── src
├── assets 图片资源
├── i18n 国际化
├ config 语言配置
└── index.js 国际化入口文件
├── libs 工具方法
├── router 路由配置
├ router.js 路由入口文件
└── static-router.js 静态路由配置文件
├── store 状态管理
├ store.js 状态管理入口文件
└── modules 模块配置
├── views
├── component 应用全局组件
├── home 首页
└── main main页面
├── app.vue 初始模板文件
├── main.js 项目入口文件
├── Jenkinsfile
├── Dockerfile
├── vue.config.js 自定义webpack配置文件
└── package.json