Vue4.x创建项目自动生成的项目目录，如下
一级目录介绍
- 默认生成的一级目录如上图
- 在真正的项目中，还会手动创建.editconfig、vue.config.js
| 一级目录 | 说明 |
| node_modules | |
| public | 相当于cli2的static目录，打包时原封不动的打包 |
| src | 源代码 |
| .gitignore | 忽略文件 |
| babel.config.js | babel的配置文件，将ES6语法转换成ES5（ES6有些浏览器不支持） |
| package-lock.json |
项目配置文件-真实安装的版本 |
| README.md | 项目说明，markdown格式的文档 |
| package.json | npm install 自动安装package.json中的依赖 npm run serve npm run build 打包命令 |
| .editconfig | 代码规范 |
| vue.config.js | 项目配置信息，如路径配置 |
二级目录介绍
- src目录下默认生成的只有assets、componet、App.vue、main.js
- 在真正的项目中，还会手动创建router、store、view、api等
| 目录 | 说明 |
| assets | 放置项目资源，如image，css |
| components | 封装的组件模板，如主页、网络 |
| App.vue | |
| router | 配置路由：路径和组件的映射 |
| main.js | 程序的入口（关闭浏览器控制台关于环境相关的提示、渲染app的组件、手动挂载） |
| store | |
| views | 视图 |