欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > IT业 > Vite文件目录结构介绍

Vite文件目录结构介绍

2024/10/25 5:12:02 来源:https://blog.csdn.net/bbj123456/article/details/139837328  浏览:    关键词: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配置文件

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com