kt1

koma-test-1-1-1

一个Vue-UI组件库

Showing:

Popularity

Downloads/wk

1

GitHub Stars

9

Maintenance

Last Commit

9mos ago

Contributors

1

Package

Dependencies

2

Size (min+gzip)

1.5KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

KOMA - 一个基于vue框架的UI组件库

author: FLYSASA

Build Status license NPM Vue

介绍

这是一个基于vue的UI框架。

目前做的比较成熟稳定的UI库有elementUI,ant-design等,为什么我还要自己再去花那么多时间和精力去造轮子? 我觉得会用轮子和造轮子完全是两码事,碰到业务上的需求,现在的UI库无法满足你时,你可以随时对你的轮子进行拓展,持续封装业务中高复用的代码,深化自己造轮子的能力,绝对会让自己开发效率事半功倍。

项目特点

1. 使用Karma作为测试运行器,Mocha、Sinon编写测试用例,Travis-ci自动持续化测试,保证库的代码质量。

2. 使用单向数据流、发布订阅模式、懒加载等技术概念。

3. 组件的样式、色彩的搭配参考了一些成熟的UI框架(如Element UI、ant-design)

开始使用

  1. 添加 css 样式 使用本框架前请在 css 中开启 boder-box

    * ,*::before, *::after {boder-box: box-sizing;}
    
  2. 安装 koma-ui

 npm i koma-ui -S
  1. 引入 koma
 import { Button } from 'koma-ui'
 import 'koma-ui/dist/index.css'

 export default {
    name: 'app',
    components: {
        'k-button': Button
    }
 }

文档

运行测试用例: npm run test:unit

运行文档: npm run docs:dev

部署文档: npm run d

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial