vue开源项目

转载自  vue开源项目

一、前台UI组件库

1.Element

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

缺点:不够有特点

 

2.iView

优点:和element的UI很相似,有一些多的补充,可以相互替换

缺点:仍然没有什么特色

 

3.Vuetify

优点:时间选择器是时钟样式,比较有特色。中文文档

缺点:种类不如前面全

地址:https://vuetifyjs.com/zh-Hans/

4.Vue-material

优点:日期选择器配色舒适,进度条样式有虚线形式,步骤条更清晰相比有创新。表单字段点击后文字会上浮

缺点:目前种类还比较少,遗憾没有时间选择器。非中文文档

5.Quasar

构建响应式网站,PWA,混合移动应用程序

打不开,应该是被墙了,无法评论,只有项目

6.Buefy

优点:时间选择器数字很大有特点

缺点:非中文文档

7.Vant

优点:移动端界面,轻量化,基本涵盖移动端交互的ui,和微信样式很像

8.At-ui

一款全新的平面UI套件,专门用于桌面应用程序

优点:颜色比较素雅,UI比较秀气

9.Vue-js-modal

关于模态框的ui库,配色和阴影上适合音乐娱乐类项目

10.Vuex-loading

等待相关进度的一些库

缺点:并不是那么好看,使用的话,最好手动调调整一下样式

11.Vue-js-grid

可移动方格子位置的库

12.Dockeron

docker上的ui库,使用后再回补

13.mint-ui

优点:风格简洁,文档中移动端看的效果清晰

缺点:中文字体和间距比例上稍稍偏大

14.Keen-UI 

优点:移动端框架,日期选择器比较好看。
缺点:非中文文档

15.VueCircleMenu

优点:提供各种从中间蹦跶出半圆形按钮的组件方案,主流ui库给的比较少,有了它可以不用自己写了

缺点:配色视图有点惨

16.vue-carbon 

有点:很淡雅的风格,虽然颜色只有一种,但是字体和间距给的很好,一眼过去很舒服,ui相比要做的事情不会喧宾夺主。

缺点:在中国可能不是主流(国人喜欢花花绿绿,字体大大的)

17.vue-calendar 

特别中国特色,排版稍稍有点拥挤,但是有农历,好评!

18.vue-datetime-picker

19.vue2-calendar 

优点:日期选择器中支持自定义事件的稀缺

★181 - 支持lunar和日期事件的日期选择器

20.vue-datepicker

日期选择器简洁大气,希望可以有匹配的时间选择器

21.vue-datepicker 

优点:很小巧,没有多余的装饰,不占版面

22.vue-date-picker 

★59 - VueJS日期选择器组件

23.vue-fullcalendar 

大格子化日期选择器,酒店入住等游玩类网站会用到

24.vue-datepicker-simple

月份选择排版蛮特别,极少数用这么正红配色的日期选择器

 ★20 - 基于vue的日期选择

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/326280.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux跑循环脚本占内存,Linux下实现脚本监测特定进程占用内存情况

Linux系统下,我们可以利用以下命令来获取特定进程的运行情况:cat /proc/$PID/status其中PID是具体的进程号,这个命令打印出/proc/特定进程/status文件的内容,信息比较多,包含了物理内存/虚拟内存的使用状况&#xff0c…

如何在vm虚拟机里面安装win10操作系统

首先打开虚拟机,点击创建虚拟机 然后选择典型即可! 选择稍后安装操作系统 然后选择win10 64位 . 然后在找个路径: 默认60GB即可,也可以更改大小: 最后点击完成: 接下来我们需要用U盘制作一个启动盘…

CoreCLR源码探索(五) GC内存收集器的内部实现 调试篇

在上一篇中我分析了CoreCLR中GC的内部处理, 在这一篇我将使用LLDB实际跟踪CoreCLR中GC,关于如何使用LLDB调试CoreCLR的介绍可以看: 微软官方的文档,地址我在第3篇中的介绍,地址LLDB官方的入门文档,地址 源代码 本篇…

小米路由器青春版装linux,比较费心的折腾 篇二:小米路由器青春版折腾负载均衡...

比较费心的折腾 篇二:小米路由器青春版折腾负载均衡2020-06-04 11:00:233点赞10收藏8评论创作立场声明:本文的核心目的是对于比较久远的硬件进行折腾,提及的软件可以在官网、软件包或者github找到。开篇预警本文截图较多,但是前期…

mybatis入门(一)之基础安装

转载自 mybatis入门 安装 要使用 MyBatis&#xff0c; 只需将 mybatis-x.x.x.jar 文件置于 classpath 中即可。 如果使用 Maven 来构建项目&#xff0c;则需将下面的 dependency 代码置于 pom.xml 文件中&#xff1a; <dependency><groupId>org.mybatis</g…

安装windows 10操作系统

一、常见的操作系统简介&#xff1a; 1.Microsoft Windows 2.UNIX 3.Linux 4.MAC OS 5.MS-DOS 二、win10的亮点&#xff1a; 1.”开始”菜单的超级进化 2.通知中心 3.Edge浏览器 4.Cortana小娜 5.虚拟桌面 6.Windows Hello(刷脸登录) 7.Univer APP 8.Phone Compa…

2019蓝桥杯省赛---java---C---6(旋转)

题目描述 问题描述图片旋转是对图片最简单的处理方式之一&#xff0c;在本题中&#xff0c;你需要对图片顺时 针旋转 90 度。 我们用一个 nm 的二维数组来表示一个图片&#xff0c;例如下面给出一个 34 的 图片的例子&#xff1a;1 3 5 7 9 8 7 6 3 5 9 7这个图片顺时针旋转 9…

linux container 原理,容器概念与Linux Container原理

一、容器与LxC在像KVM等众多主机虚拟化解决方案中&#xff0c;对每一个虚拟机实例提供的是从底层硬件开始一直到上层的环境&#xff0c;在硬件级进行资源划分。虚拟机的内核是运行在硬件内核之上的。由于每个虚拟实例都有自己的运行内核&#xff0c;所以各实例之间有非常好的隔…

微软建议Windows 10开发人员升级到Visual Studio 2017

既然Visual Studio 2017已经发布&#xff0c;那就意味着微软开始专注于让其成为默认开发平台。Creators Update SDK的发布&#xff08;面向即将到来的Windows 10 Creators Update&#xff09;就是这种转变的一个很好的例子。该SDK只有Visual Studio 2017支持。 幸运的是&#…

mybatis入门(二)之XML 映射配置文件

转载自 mybatis XML 映射配置文件 MyBatis 的配置文件包含了会深深影响 MyBatis 行为的设置&#xff08;settings&#xff09;和属性&#xff08;properties&#xff09;信息。文档的顶层结构如下&#xff1a; configuration 配置 properties 属性settings 设置typeAliases…

无处不网络

一、Internet简介&#xff1a; 是一个国际互联网&#xff0c;将成千上万的计算机连在一起的计算机网络。涉及书籍、教育、电影、时事、运动、艺术、文化、技术开发等内容。 二、Internet的发展史&#xff1a; ARPAnet–>TCP/IP–>NSFnet–>ANSnet–>internet 三…

179. 最大数---LeetCode---JAVA

class Solution {public String largestNumber(int[] nums) {int n nums.length;String numsToWord[] new String[n];for(int i0;i<n;i){numsToWord[i] String.valueOf(nums[i]);}//[233&#xff0c;23333]排序后变为[23333&#xff0c;233]Arrays.sort(numsToWord,(a,b)…

p2p linux 开源项目,权威开源项目(linux系统、sip、live555)

1、IT知识交流(语言工具、系统问题、开源项目交流)http://stackoverflow.com/tags2、linux系统www.kernel.orghttp://www.gnu.org/copyleft/lesser.html3、pjsuahttp://www.pjsip.org/1、freeswitch1、opensipshttp://opensips.org/pub/opensips/4、live555http://www.live555.…

在Visual Studio中使用任何C++编译器

原文发表时间: 3/07/2017原文发表地址: Use any C Compiler with Visual Studio 微软Visual Studio 2017支持几种C编译器以适应各种各样的代码库。除了很多人熟悉的微软Visual C编译器外&#xff0c; Visual Studio2017还支持Clang, GCC以及其他针对某些平台的编辑器。 这篇文…

mybatis入门(三)之Mapper XML 文件

转载自 mybatis Mapper XML 文件 Mapper XML 文件 MyBatis 的真正强大在于它的映射语句&#xff0c;也是它的魔力所在。由于它的异常强大&#xff0c;映射器的 XML 文件就显得相对简单。如果拿它跟具有相同功能的 JDBC 代码进行对比&#xff0c;你会立即发现省掉了将近 95%…

linux的for循环怎么写,Linux命令:for循环写法总结

for循环写法总结关于shell中的for循环用法很多&#xff0c;感觉很全面&#xff0c;所以就转过来研究研究&#xff0c;嘿嘿...1、 for((i1;i<10;i))[[email protected] ~]# for ((i1;i<3;i )); do echo $(($i*4)); done482、在shell中常用的是for i in $(seq 10)[[email p…

2020蓝桥杯省赛---java---B---8(数字三角形)

题目描述 时间限制: 1.0s 内存限制: 512.0MB 本题总分&#xff1a;20 分【问题描述】上图给出了一个数字三角形。从三角形的顶部到底部有很多条不同的路径。 对于每条路径&#xff0c;把路径上面的数加起来可以得到一个和&#xff0c;你的任务就是找到最 大的和。路径上的每一…

ASP.NET Core MVC 源码学习:Routing 路由

前言 最近打算抽时间看一下 ASP.NET Core MVC 的源码&#xff0c;特此把自己学习到的内容记录下来&#xff0c;也算是做个笔记吧。 路由作为 MVC 的基本部分&#xff0c;所以在学习 MVC 的其他源码之前还是先学习一下路由系统&#xff0c;ASP.NET Core 的路由系统相对于以前的…

mybatis入门(四)之动态SQL

转载自 mybatis 动态SQL 动态 SQL MyBatis 的强大特性之一便是它的动态 SQL。如果你有使用 JDBC 或其它类似框架的经验&#xff0c;你就能体会到根据不同条件拼接 SQL 语句的痛苦。例如拼接时要确保不能忘记添加必要的空格&#xff0c;还要注意去掉列表最后一个列名的逗号。…