0.1.1 • Published 2 years ago
vhj v0.1.1
vhj VUE组件库。
vhj
是基于Vue 的移动端组件库
文档
使用说明
安装
npm install vhj --save
使用
全量使用
import vhjUI from 'vhj'
import 'vhj/index.css'
Vue.use(vhjUI)
按需引入
需要安装插件babel-plugin-component
npm i babel-plugin-component -D
使用方法
import { Button } from 'vhj'
配置.babelrc
"plugins": [
"transform-runtime", [
"component",
{
"libraryName": "vhj",
"libraryDirectory": "lib",
"style": true
}
]
]
开发说明
- 组件源码目录:src/components
- demo目录: examples
- document: document
构建说明
npm run dev
运行examples,调用src/index.js组件出口,组件修改后可以实时预览npm run build:demo
构建demo和docs文件到dist目录npm run build:mui
构建js,通过src/index.js打包到libs目录npm run build
包含npm run build:mui
和npm run build:modules
两个个命令npm run deploy:docs
打包demo和docs 并推送到githubnpm run new xx
在examples/pages、document/components/docs 和 src/components 目录下分别加入组件空模版
提交规范
目前使用最广的是基于 Angular 约定提交,用于说明 commit 的类别,只允许使用下面 7 个标识:
- feat:新功能(feature)
- fix:修补 bug
- docs:文档(documentation)
- style: 格式(不影响代码运行的变动)
- refactor:重构(即不是新增功能,也不是修改 bug 的代码变动)
- test:增加测试
- chore:构建过程或辅助工具的变动
包管理地址
组件库
主要基于Vant,封装业务和快捷使用的组件
以下组件库组件也可参考,集成进去(能拆分的话,最好单个集成,不要依赖过多的组件库)
滴滴
https://gitee.com/didiopensource/mand-mobile
https://didi.github.io/mand-mobile/examples/#/category
https://didi.github.io/cube-ui/example/#/
其他(记录一下,太多了不需要查看)
https://gitee.com/DouLB/vue-ydui/tree/master/src/components
https://gitee.com/Harhao/hatUI/tree/function_comp_dev/src/packages
https://gitee.com/underline/tp-mobile-ui
https://gitee.com/a290079770/noven-mobile-ui/tree/master/src/components/common
https://gitee.com/zxw305/t-mui/tree/master/src/components
https://gitee.com/MingYang66/components-develop/tree/master/components
https://gitee.com/visitor009/swiper3d?_from=gitee_search
https://github.com/yunfeihuang/vx-ui/tree/master/src/components
https://github.com/xiaojun1994/unique-ui/tree/dev/packages
类似
https://github.com/Jmingzi/m-ui/tree/master/src/components
https://github.com/liuzewei1990/v-components
https://gitee.com/zoeblow/feui (Feui是诺诺网前端组(Nuofe)移动组依据现有业务逻辑,基于VUE制作的一套UI组件)
https://github.com/sudong0701/circles-ui