[基于 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

项目依赖文件