Giter VIP home page Giter VIP logo

vv-ui's Introduction

公告

这个 UI库的核心想法是想教大家如何搭建一个基于Vue的组件库。市面上已经有很多成熟的中后台组件库,比如element-uiiview。这个组件库也是由我一个人维护开发,不建议使用到生产环境,如果有兴趣,可以fork下来作为自己技术探索的一个部分。感谢大家的支持,也欢迎大家加我QQ群:263785852 一起学习交流。

VV UI

VV-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品 演示地址

Standard - JavaScript Style

npm version

特性

  • 基于 Vue 开发的 UI 组件
  • 使用 npm + webpack + babel 的工作流,支持 ES2015
  • 提供友好的 API,可灵活的使用组件

浏览器支持

安装

  • yarn
yarn add vvui
  • npm
npm install vvui --save

使用

import VvUI from 'vvui' // 引入组件库
import 'vvui/packages/theme-default/lib/index.css' // 引入样式库

Vue.use(VvUI)

贡献

如果你在使用 VV-UI 时遇到问题,或者有好的建议,欢迎给我们提 IssuePull Request

Pull requests 规范

Working on your first Pull Request? You can learn how from this free series How to Contribute to an Open Source Project on GitHub

All pull requests are welcome. Thanks for taking the time to contribute.

  • Create an issue about the features, such as new components.
  • Fork the repo to your own account.
  • Clone your fork.
  • Create a new branch base on dev, if you want to add new component, the branch name should be formatted as component-[Component Name]. (e.g. component-steps) And the commit info should be formatted as [Component Name]: Info about commit.
  • Make sure that running npm run prepublish outputs the correct files.
  • Rebase before creating a PR to keep commit history clear. (Merge request to branch dev)
  • Provide some description about your PR.

vv-ui's People

Contributors

autumnleaves0 avatar muwoo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vv-ui's Issues

懒加载不成功的bug

examples/router/index.js中

用require.ensure实现了懒加载, 通过forEach遍历来给require.ensure注入内容,结果就是所有被切割的文档都放到了一个文件里面.

require.ensure只支持在运行前,已经静态的写出来. 用循环生成会导致懒加载不成功.我最后用的解决方案是用node生成了一个列举了所有懒加载的index.js文档

一个问题

项目是刚使用 vue-cli 的 webpack-simple 模板建的空项目,只额外安装了 vv-ui ,报错内容指向了transform-runtimestage-2两个包。我的项目并没有依赖他们,依赖是存在于 vv-ui 的,不知道为什么不会安装,

一个小问题,安装一节中 npm 安装方式漏写了一个 -,现在是:

npm install vvui -save

一个小建议,使用一节中引入 css 可以不用书写 node_modules路径,可改为

import 'vvui/packages/theme-default/lib/index.css'

几点建议

从知乎来的,跟你做过几乎一样的事情,因此在下有几点建议:

  • 缺少 License
  • 完善测试
  • 配置持续集成,如 Travis CI 或 Circle CI
  • 在 Readme 贴上 CI 与 Code coverage 的 badge

以上都可以更好地帮助项目发展。

拜师学艺

搜索vue-ui组件库的资料,有很多已经写好的,但是只有您有做干货分享,感谢大佬的开源精神。而且vv-ui是最近开始发力,然后想了解更多大佬做开发的思路,能否请大佬建个交流群,不胜感激。如果开群,我可以做一些vv-ui的推广工作,群管理的工作,再次感谢。

无法按需加载

这里只是把组件单独抛出去了,但是加载的时候还是会全部都加载

按钮交互小建议

按钮点击后样式不会取消,必须要在空白处点击或者点击其他按钮,感觉这个交互应该是导航栏的按钮,而不应该作为单独按钮的交互。个人的小建议😂

1.1.0发布

你好,骨架屏的说明已经发布,但是1.1.0版本是不是还没发布npm?

关于渲染md文档的问题

我在vuecli3内配置markdown-it时,组件可以成功渲染,但是代码块无法进行折叠,请问要如何配置才能使得代码块折叠?

感谢

感谢楼主能写这么好的项目,来带领我们我们这些挣扎再搜索引擎苦苦查询资料不果的小白!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.