0.1.1 • Published 2 years ago

vhj v0.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

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:muinpm run build:modules两个个命令
  • npm run deploy:docs 打包demo和docs 并推送到github
  • npm 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