目录规划并无一定之规,最多就是大家习惯与默认规定,可以随意
本内容会根据总结随时更新
/
- public
favicon.ico (web网页的favicon图标)
index.html- img
- icons
- 其他目录 – 如config、动态资源等
- img
- src
-
api – api调用url或axois操作封装
request.js --request请求处理。对axios操作封装- 分类 – 以请求分类建立目录,操作方法在其下
-
assets – 主题样式图标等静态资源
- icon – iconfont文件夹
- iconfont.css – 图标样式、描述、索引文件
- iconfont.eot(.js .json .svg .ttf .woff) – 图标数据文件打包处理时需要封装的文件
-
components – 自定义部件
- 分类 – 按功能划分各级子目录
-
layout – app骨架布局,定义app固定骨架(头、侧边栏、底部栏,tags等)
- layout.vue/index.vue – 非前后端分离项目的index.html意义上的文件
-
plugins (第三方插件目录)
-
router – 路由定义
index.js – 路由定义文件 -
static – 静态资源(webpack不会自动处理)
-
styles – 自定义css样式
-
store – vuex状态/运行全局缓存管理
- modules – 按模块分类的store定义文件
index.js – store管理
- modules – 按模块分类的store定义文件
-
utils – 公用方法、工具包
-
views – 视图,也有用page的
- 分类 – 按路径规划的多级目录
Index.vue – 索引页面
- 分类 – 按路径规划的多级目录
-
- App.vue
- main.js
- package.json
- vue.config.js