2 Vue3项目目录及文件规划

目录规划并无一定之规，最多就是大家习惯与默认规定，可以随意
本内容会根据总结随时更新

/

• public
  favicon.ico (web网页的favicon图标)
  index.html
  • img
    • icons
  • 其他目录 – 如config、动态资源等
• 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管理

  • utils – 公用方法、工具包

  • views – 视图，也有用page的

    • 分类 – 按路径规划的多级目录
      Index.vue – 索引页面
• App.vue
• main.js
• package.json
• vue.config.js