项目练习:若依-前端项目的目录结构介绍-二、目录讲解

时间:2024-12-20 21:32:55

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

2、src/router路由

3、package.json打包命令,导包坐标等

4、src/components组件

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

6、src/storevuex,组件间通信

7、src/directive自定义指令

8、src/layout页面布局

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

10、src/plugins插件

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

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

13、src/utils工具类

14、env.x环境变量相关:开发,生产,测试

15、src/views视图页面

16、src/assets静态资源