1、vue-cli 项目结构图
2、目录分析
| 目录/文件 | 说明 |
| bulid | 项目构建的一些 js 文件 |
| config | 配置文件项，index.js 比较重要，打包上线需要修改配置 |
| dist | 项目打包后的文件 |
| node_modules | npm安装包位置 |
| src | 项目的开发目录 <ul> <li>assets:图片、字体等资源 </li> <li>components:公共组件部分</li> <li>config:开发分支和生产分支的切换配置，以及 fetch.js 对于前后台数据交互的封装</li> <li>plugin:第三方插件</li> <li>views:页面部分</li> <li>server:ajax、axios等请求数据集中处理</li> <li>router：路由</li> <li>store：状态管理</li> <li>App.vue:项目入口文件，我们也可以直接将组建写这里，而不使用 components 目录</li> <li>main.js:项目的核心文件</li> </ul> |
| index.html | html文件 |
| test | 测试项目，可删除 |
| package.json | 项目配置项文件 |
