vue3项目的目录结构

Vue3 项目的目录结构与 Vue2 的略有不同，主要是多了一个 `src/main.js` 文件，具体的目录结构如下：

project/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── assets/
│   ├── components/
│   ├── router/
│   ├── store/
│   ├── views/
│   ├── App.vue
│   └── main.js
├── .eslintrc.js
├── babel.config.js
├── package.json
└── ...

其中：

- `public/` 目录存放静态资源，如 `index.html` 文件、图片等；
- `src/` 目录存放源代码；
- `src/assets/` 目录存放静态资源，如图片、字体等；
- `src/components/` 目录存放组件；
- `src/router/` 目录存放路由配置；
- `src/store/` 目录存放 Vuex 的状态管理相关代码；
- `src/views/` 目录存放页面组件；
- `src/App.vue` 是根组件；
- `src/main.js` 是项目的入口文件，包括创建 Vue 实例、挂载路由、挂载 Vuex 状态管理等；
- `.eslintrc.js` 是 ESLint 的配置文件；
- `babel.config.js` 是 Babel 的配置文件；
- `package.json` 是项目的配置文件，包括项目的依赖、脚本等。