vue 扁平化_vue开源项目

原标题：vue开源项目

包括一些ui库和比较完整的小项目。ui库会对主要的单选框，多选框，级联选择器，滑块，日期/时间选择器，进度条，分页，弹框，通知，导航菜单，步骤条等截图比较

一、前台UI组件库

1.Element

优点：中文文档，ui种类比较全，ui设计简洁清晰

缺点：不够有特点

25.vue-chartjs

可视化图表的vue版本，主要饼形图，条形图，雷达图等都有

缺点：样式太简，使用还需调整，相比百度的Echart还是少太多图类

26.DataVisualization

提供四个最简单的图类，比较实用

缺点：配色上背景太花，前景色饱和度太低，需要调整

★149 - 数据可视化

27.vue-charts

样式比较好看，但目前图标类型还是太少

★101 - 轻松渲染一个图表

28.vue-chartkick

★22 - VueJS一行代码实现优美图表

29.vue-quill-editor

不似很多富文本编辑器好几行的功能，但是排版简洁清晰，主要功能都有，样式比较好看

★149 - 基于Quill适用于Vue2的富文本编辑器

30.Vueditor

优点：排版简洁，所见所得

★138 - 所见即所得的编辑器

31.vue-html5-editor

小巧实用，可适合移动办公

★132 - html5所见即所得编辑器

32.vue-simplemde

优点：高亮代码的富文本编辑器，配色舒适，间距好

★35 - VueJS的Markdown编辑器组件

33.vuwe

优点：样式上和微信很像

缺点：直接使用，没有说明，文档不好用

★107 - 基于微信WeUI所开发的专用于Vue2的组件库

34.cubeex

上下间距比较大，对不是特别高分辨率的旧版本视觉感受比较友好

★33 - 包含一套完整的移动UI

35.vue-region-picker

优点：不用自己再找数据调配省市区

缺点：样式极简，除了老板式银行金融类网站外，基本没有直接这么样式使用的，需要调样式

★89 - 选择中国的省份市和地区

36.vue-awesome-swiper

多种显示的轮播图组件

37.vue-slick

轮播图组建ui比较太别

38.vue-material-design

表单类ui，简洁

39. Muse-UI

优点：非常好看的时间、日期选择器！官网页面特别有爱的设计，相信其他组件随着时间也会不断完善

40. Uiv

用于 Vue 2 的 Bootstrap 3 组件库。

41.Vuikit

42.Fish-UI

灰白配色的ui库，干净利落，偏向欧美表单风格

灰色的色度，线条粗细，文字字体选择，间距给人的感觉真的像会呼吸的鱼在水中一样自在

42.Framework7 Vue

优点：目前发现的唯一对安卓和苹果上，ui的不同效果做出效果图说明的UI库。从按钮到轮播图非常全面

特点：那个艳红的官网真的是惊到我的视觉了

43.Cube UI

很有特色的ui设计，类型比较全。活动效果比较好

44.Vueblu

比较简洁，各种角度的提供了过度动画

45.Ant Design Vue

非常扁平化的ui，没有阴影，没有线框，纯色填充

二、后台UI库

1.Vue-element-admin

非常全面的后台UI库，设计非常适合商业应用

2.Vue-admin

图表图形的设计虽说不是那么惊艳，但是粗细和配色非常会突出重点

3.vueAdmin

优点：全面，适合中国的主流群体设计

缺点：不对年轻人风格，非常常规的后台设计

三、其他

1.Best-resume-ever

2.vue-hackernews-2.0

vue-router＆vuex和服务器端渲染 [Github star：6687]。

3.Vue-devtools (v 4.0)

用于调试Vue.js应用程序的Chrome devtools扩展程序[Github star：6292]。

4.Electron-vue

Electron＆Vue.js快速启动样板，包括vue-cli脚手架，通用Vue插件， electron-packager/electron-builder，单元/e2e测试，vue-devtools和webpack

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

5.Vue-loader (v 13)

Vue.js组件的Webpack加载程序(loader)[Github star：2588]。

6.Vuepack (v 3.0)

一个使用Vue 2，Vuex，Vue-router和Webpack 2(甚至是Electron)的新潮种子项目。[Github star：2077]。

7.Codesandbox

专为Web应用程序开发而设计的在线代码编辑器[Github star：1552]。

8.Vuefire (v 2.0)

Firebase 2＆> = 3的Vue.js 1＆2绑定[Github star：1228]。

9.Vue-tetris

使用Vue，Vuex，Immutable做俄罗斯方块[Github star：1152]。

10.Vue-recyclerview

使用vue-recyclerview掌握大型列表[Github star：1021]。

11.Vuex-persistedstate (v 2.0)

用本地存储保持Vuex状态

12.Vue-test-utils

用于测试Vue组件的实用程序[Github star：977]。

13.Vue-meta (v 1.0)

管理Vue 2.0组件中的页面元信息，支持SSR +流媒体。

14.ESLint-plugin-vue

官方ESLint的Vue.js插件[Github star：864]。

15.Vue-tables-2

Vue.js 2 网格组件[Github star：540]。

16.Vue-baidu-map

优点：功能简单实用

缺点：样式不好看

17.vue-amap

18.vue-waterfall

★605 - Vue.js的瀑布布局组件

四、一些项目

1.IFmiss / vue-music

http://www.daiwei.org/vue-music.html#/mymusic

2.仿豆瓣项目

https://github.com/jeneser/douban

3.markcook

★318 - 好看的markdown编辑器

参考文档：

1.Vue相关开源项目库汇总：https://blog.csdn.net/sinat_17775997/article/details/60580683

2.推荐21个顶级的Vue UI库！：https://baijiahao.baidu.com/s?id=1604546957811183734&wfr=spider&for=pc

© 著作权归作者所有返回搜狐，查看更多

责任编辑：