Vite文件目录结构介绍

本文主要是介绍Vite文件目录结构介绍，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

我们通过命令create-vite shop-admin基于Vite创建vue3项目后，其默认的文件目录结构如下：

shop-admin
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│  └─ vite.svg
├─ src
│  ├─ App.vue
│  ├─ assets
│  │  └─ vue.svg
│  ├─ components
│  │  └─ HelloWorld.vue
│  ├─ router
│  ├─ store
│  ├─ views
│  ├─ main.js
│  └─ style.css
└─ vite.config.js

（1）public 目录用于存放静态文件，例如 index.html 文件和图片等。
（2）src 目录用于存放源代码。
（3）assets 目录用于存放静态资源，例如图片、字体等。
（4）components 目录用于存放组件。
  (5)router 目录用于存放路由文件。
（6）store 目录用于存放 Vuex 相关文件。
（7）views 目录用于存放页面组件。
（8）App.vue 文件是应用程序的根组件。
（9）main.js 文件是应用程序的入口文件。
   (10)vite.config.js vite配置文件

这篇关于Vite文件目录结构介绍的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---