用例

简介

智能文档SDK

目录结构

├── build // 构建相关
├── src // 源代码
│ ├── assets // 资源目录，这里的资源会被wabpack构建
│ │ ├── css // 全局样式
│ │ ├── icons // 项目所有 svg icons
│ │ │ ├── iconfont // 阿里巴巴矢量图标库
│ │ │ └── font-awesome // font-awesom矢量图标库
│ │ ├── img // 图片
│ │ ├── json // json数据文件
│ │ ├── lang // 国际化 language
│ │ └── plugins // 离线插件
│ ├── components // 小组件，公共组件
│ ├── constants // 全局常量
│ │ ├── api // 后端接口资源文件
│ │ ├── config // 配置常量
│ │ ├── enum // 枚举类
│ │ └── types // 类型声明文件
│ ├── directives // 全局指令
│ ├── filtres // 全局过滤器
│ ├── model // 模型
│ │ ├── domain // 自定义模型
│ │ └── entity // 实体模型，和后端数据交互对象一致
│ ├── router // 路由
│ ├── service // 服务/工具类
│ ├── store // 数据缓存工具类
│ ├── views // 页面级组件
│ │ │ ├── app-management // 应用管理
│ │ │ ├── ...... // 其他业务模块
│ │ │ └── user-management // 用户管理
│ ├── App.vue // 根组件
│ └── main.ts // 入口js文件 加载组件 初始化等
├── public // 纯静态资源，不会被wabpack构建
│ ├── favicon.ico // favicon图标
│ └── index.html // 入口页面
├── .browserslistrc // 目标浏览器配置表
├── .env.* // 多环境配置
├── eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel编译配置
├── package.json // npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
├── package-lock.json // 描述 node_modules 文件中所有模块的版本信息，模块来源及依赖的小版本信息
├── README.md // 项目介绍
├── tsconfig.json // typescript编译配置
└── vue.config.js // vue 编译配置

依赖清单

| 名称 | 描述 | 版本 | 文档地址 | | ---- | ---- | ---- | ---- | | vue | 构建数据驱动的 web 界面的渐进式框架 | 3.2.13 | https://v3.cn.vuejs.org/guide/introduction.html | core-js | 提供了es5、es6的polyfills | 3.8.3 | https://github.com/zloirock/core-js#readme | vue-router | Vue官方推出的路由管理器 | 4.0.3 | https://router.vuejs.org/zh/installation.html | axios | 是一个基于promise的网络请求库 | 0.27.2 | https://github.com/axios/axios | store | 实现了浏览器的本地存储的 JavaScript 封装 API | 2.0.12 | | ant-design-vue | 企业级应用的最佳 UI 实践 | 3.2.5 | https://www.antdv.com/docs/vue/migration-v3-cn | @dhccmobile/common-style | 自定义公共样式,包含css初始化代码、bootstrap工具样式 | 2.0.0 | | @dhccmobile/core | 自定义公共组件包，包含顶部导航、左侧菜单、导航面包屑、鉴权逻辑等| 2.5.4 |

延伸阅读

• 风格指南
• 类风格组件语法
• Vue CLI