HmUi

HmUi 是基于Vue 2.x,在 ElementUI 二度封装形成的组件库，提高组件复用性，提高开发效率

1.接入指引

默认使用npm安装方式

npm i hm-ui -D

如何在项目中使用hm-ui

在Vue初始化过程中，加入hm-ui的安装代码

import Vue from 'vue';
import HmUi from 'hm-ui';
 
Vue.use(HmUi);

2.组件列表

Link

3.组件开发流程

评审阶段

1. 在hm-ui的仓库中创建issue
2. 参考 模板 填入内容，并指派评审人员
3. 相关人员评审组件设计，并在issue中讨论同步
4. 确认设计ok，进入开发阶段

开发阶段

1. 在git仓库中创建新的分支，并以组件作为分支名称 feature/hm-{name}
2. 开发完毕后发起MR合并到master
3. code review <--> 修改
4. 确认代码及功能ok，合并到master并关闭对应的issue
5. 设置版本号，发布新版本

渐进式开发说明

1. 业务组件一般都是在各自的业务线先封装内部组件，使用一段时间经过考察期稳定后，申请迁移至 hm-ui（开新分支 feature/hm-{name}）
2. 提交到 hm-ui 后可以 npm run build 编译生成 hm-ui 的生产package
3. 在 hm-ui 的根目录 npm link，将该 package 注册到全局 node_modules
4. 在业务线应用 npm link hm-ui，使用验证
5. 确认没问题后 feature/hm-{name} 发 MR 到 master 分支
6. 管理员 review 后没问题后，合并发版

4.编写文档

• 文档编译基于 docsify
  • 安装： npm i docsify-cli -g
  • 本地启动文档预览： docsify serve docs