欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 养生 > [基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 08 创建项目的目录结构介绍

[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 08 创建项目的目录结构介绍

2025/7/11 10:00:38 来源:https://blog.csdn.net/yanyc0411/article/details/142108079  浏览:    关键词:[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 08 创建项目的目录结构介绍

使用 vue create 创建好的项目,目录结构是什么样,都为我们生成了什么呢?

在这里插入图片描述

node_modules

我们下载下来的依赖包,都在这里保存

public

favicon.ico: vue 的图标

index.html: 首页,入口文件

src

项目源码

assets

图标

components

主要存放 vue 组件

router

路由,画面的路由跳转

store

全局变量,主要是用于存放各画面间的传递参数或者共享字段

views

画面

App.vue

也是一个入口页面,vue 的主文件,然后会将其渲染到 index.html 中的

main.js

被 vuecli 框架读的,然后初始化项目,此处就会初始化 app,绑定 router 和 store 等

.gitignore

git 提交的忽略设定

babel.config.js

Babel的配置文件,用于配置Babel的转译规则,确保JavaScript代码兼容所有浏览器

package.json

项目依赖文件

版权声明:

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

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

热搜词