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
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

muyi517

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值