一、目录截图

二、目录讲解

1、首先，我们可以看到，这个VUE项目，只有一个App.vue，所以，它是一个单页面系统。
这个App.vue是根组件，root组件。

2、public目录
在Vue 3.0中，public文件夹主要用于存放静态资源，例如公共图片、图标、字体等，这些资源在构建项目时不会被Webpack处理。

3、src/api
封装了一些向后台请求的接口js文件

4、src/assets
静态资源

5、src/components
组件

6、src/directive
自定义指令

7、src/layout
页面布局

8、src/plugins
插件

9、src/router
路由

10、src/store
vuex，组件间通信

11、src/utils
工具类

12、src/views
视图页面

13、src/main.js
程序入口文件

14、package.json
打包命令，导包坐标等

15、vue.config.js
配置文件，向代理，打包相关的配置都在这里面

16、env.x
环境变量相关：开发，生产，测试

打包命令：npm run build:prod
打包的具体命令，看package.json文件

我们自己开发的时候，可以参考这种目录结构的设计思路。