[关闭]
@lesonky 2017-06-22T11:28:43.000000Z 字数 941 阅读 850

VUE项目目录结构

vue


  1. .
  2. ├── build // webpack配置文件
  3. ├── config // 环境切换配置
  4. ├── dist // 上线项目文件,放在服务器即可正常访问
  5. ├── docs // 项目文档
  6. ├── src // 源码目录
  7. ├── components
  8. ├── view_XXXXX //页面文件夹
  9. ├── XXXXX.vue //页面组件入口
  10. └── children.vue //子组件
  11. └── common // 组件
  12. ├── footGuide.vue // 底部公共组件
  13. └── head.vue // 头部公共组件
  14. ├── router
  15. └── router.js // 路由配置
  16. ├── utils // 数据交互统一调配
  17. ├── getData.js // 获取数据的统一调配文件,对接口进行统一管理
  18. ├── tempdata // 开发阶段的临时数据
  19. ├── fetch.js // 获取数据
  20. └── mUtils.js // 常用的js方法
  21. ├── store // vuex的状态管理
  22. ├── action.js // 配置actions
  23. ├── getters.js // 配置getters
  24. ├── index.js // 引用vuex,创建store
  25. ├── modules // store模块
  26. ├── mutation-types.js // 定义常量muations名
  27. └── mutations.js // 配置mutations
  28. └── assets // 静态资源(打包)(样式,字体,图片,图标等)
  29. └── style
  30. ├── common.scss // 公共样式文件
  31. └── mixin.scss // 样式配置文件
  32. ├── images // 公共图片
  33. └── fonts // 字体文件
  34. └── static // 静态资源(不打包)(样式,字体,图片,图标等)
  35. └── style // 样式列表
  36. ├── common.scss // 公共样式文件
  37. └── mixin.scss // 样式配置文件
  38. ├── images // 公共图片
  39. └── fonts // 字体文件
  40. ├── App.vue // 页面入口文件
  41. └── main.js // 程序入口文件,加载各种公共组件
  42. ├── favicon.ico // 图标(页签)
  43. └── index.html // 入口html文件模板
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注