vite目录结构介绍
时间: 2023-08-11 12:07:46 浏览: 45
Vite 是一个现代化的前端构建工具,它支持 Vue.js 3 和 ES modules,并提供了快速的开发服务器和实时热更新等功能。下面是 Vite 的目录结构介绍:
```
my-project/
├── node_modules/ # 依赖包目录
├── public/ # 静态资源目录
│ ├── favicon.ico # 网站图标
│ └── index.html # HTML 模板
├── src/ # 项目源代码目录
│ ├── assets/ # 静态资源目录
│ ├── components/ # 公共组件目录
│ ├── router/ # 路由目录
│ ├── store/ # Vuex 目录
│ ├── App.vue # 根组件
│ └── main.js # 入口文件
├── .gitignore # Git 忽略文件
├── package.json # 项目配置文件
├── README.md # 项目说明文件
└── vite.config.js # Vite 配置文件
```
其中,`public` 目录存放的是静态资源,如 HTML 模板、网站图标等。`src` 目录存放的是项目源代码,包括 Vue 组件、路由、Vuex 状态管理、静态资源等。`vite.config.js` 是 Vite 的配置文件,`package.json` 是项目的配置文件,`README.md` 是项目的说明文档,`.gitignore` 是 Git 的忽略文件。