前端框架Vue（3）——vue-cli 目录结构

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	项目配置项文件