1.5.2 • Published 6 years ago
hm-ui v1.5.2
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.组件列表
3.组件开发流程
评审阶段
- 在hm-ui的仓库中创建issue
- 参考 模板 填入内容,并指派评审人员
- 相关人员评审组件设计,并在issue中讨论同步
- 确认设计ok,进入开发阶段
开发阶段
- 在git仓库中创建新的分支,并以组件作为分支名称
feature/hm-{name}
- 开发完毕后发起MR合并到master
- code review <--> 修改
- 确认代码及功能ok,合并到master并
关闭
对应的issue - 设置版本号,发布新版本
渐进式开发说明
- 业务组件一般都是在各自的业务线先封装内部组件,使用一段时间经过考察期稳定后,申请迁移至 hm-ui(开新分支 feature/hm-{name})
- 提交到 hm-ui 后可以 npm run build 编译生成 hm-ui 的生产package
- 在 hm-ui 的根目录 npm link,将该 package 注册到全局 node_modules
- 在业务线应用 npm link hm-ui,使用验证
- 确认没问题后 feature/hm-{name} 发 MR 到 master 分支
- 管理员 review 后没问题后,合并发版
4.编写文档
- 文档编译基于 docsify
- 安装: npm i docsify-cli -g
- 本地启动文档预览: docsify serve docs