2.2　Vite目录结构

在Visual Studio Code（VSCode）编辑器中打开my-vue-app站点，Vite自动生成的Vue3项目的初始目录结构如图2-2所示。

Vue3项目的初始目录结构主要包含如下几项。

• node_modules：用于存放npm安装的各种依赖包。
• public：用于存放项目的公共文件。
• src：src目录作为重点目录，项目代码基本都是在src目录中进行操作的，其中assets目录用于存放静态资源，如CSS、JS等文件，components目录用于存放自定义组件，App.vue是项目的根组件，main.js是项目的入口。
• index.html：即项目首页，Vue根组件最终挂载到首页文件。
• package.json：包管理配置文件。
• vite.config.js：Vite的配置文件，如配置接口跨域。