Vue工程化最佳实践 - 目录结构

总览

1├── src
2│   ├── api
3│   ├── assets
4│   │   ├── icons
5│   ├── components
6│   ├── enums
7│   ├── lang
8│   ├── layouts
9│   ├── mixins
10│   ├── plugins
11│   ├── router
12│   ├── store
13│   ├── styles
14│   ├── utils
15│   ├── views
16│   ├── main.js
17│   └── App.vue
18

• api 目录用于存放 api 请求, 文件名与模型名称基本一致, 文件名使用小驼峰, 方法名称与后端 restful 控制器一致.
• assets 存放图片、字体等
  • 存放图标
• components 目录存放组件
• enums 目录存放常量
• lang 目录存放多语言
• layouts 目录存放布局
• mixins
• plugins 目录存放插件配置（参考 nuxt）
• router 目录存放与前端路由相关的配置
• store 即 vuex 的目录
• styles 全局样式
• utils 目录存放辅助函数
• views 业务视图层