Github 上 36 个最实用的 Vue 开源库小白指南_开源小白入门

任何一个开发者,都是十分喜欢使用开源软件包的。因为它使开发工作变得更快速、高效、容易。如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子!下面整理了 Github 上 36 个实用的 Vue 开源库,建议收藏!1.Bootstrap-Vue |star 10014具有超过40个插件和超过75个自定义组件,为Vue.js提供了最全面的Bootstra

Github 上 36 个最实用的 Vue 开源库小白指南

任何一个开发者,都是十分喜欢使用开源软件包的。因为它使开发工作变得更快速、高效、容易。如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子!
下面整理了 Github 上 36 个实用的 Vue 开源库,建议收藏!

Github 上 36 个最实用的 Vue 开源库小白指南_开源小白入门

1.Bootstrap-Vue |star 10014

具有超过40个插件和超过75个自定义组件,为Vue.js提供了最全面的Bootstrap v4组件和网格系统实现。
Github:https://github.com/bootstrap-vue/bootstrap-vue

2.Vue.Draggable |star 9177

Vue.js 组件,基于 Sortable.js 进行同步的拖放排序。
Github:https://github.com/SortableJS/Vue.Draggable

3.Vue Native |star 6471

基于 React Native 实现,允许你使用 JavaScript 来构建跨平台的原生移动应用程序。
Github:https://github.com/GeekyAnts/vue-native-core

4.Vue Quill Editor |star 4628

Vue.js 的 Quill 编辑器,支持 SPA 和 SSR。
Github:https://github.com/surmon-china/vue-quill-editor

5.Vuelidate |star 4361

进行基于模型的验证,实现表单验证现在变得轻而易举。
Github:https://github.com/vuelidate/vuelidate

6.NativeScript Vue | Star 4176

可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。
Github:https://github.com/nativescript-vue/nativescript-vue

7.Vetur |star 3674

VS Code 的 Vue 工具,习惯使用 VS Code 的朋友值得尝试!
Github:https://github.com/vuejs/vetur

8.Epic Spinners |star 3028

20 个易于使用的 css 调节器。
Github:https://github.com/epicmaxco/epic-spinners

9.Vue Virtual Scroller |star 3020

用于 Vue.js 应用程序的快速无限制滚动。
Github:https://github.com/Akryum/vue-virtual-scroller

10.Vue.js Datepicker |star 2113

一个简单的 Vue.js 日期选择器组件。
Github :https://github.com/charliekassel/vuejs-datepicker

11.Vuetable-2 |star 1792

Vue.js 的数据表组件。
Github:https://github.com/ratiw/vuetable-2

12.Vue Color |star 1624

来自 Sketch、Photoshop、Chrom 的 Vue.js 颜色选择器。
Github:https://github.com/xiaokaike/vue-color

13.Vue Notification | star 1522

用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间,任何你想要的地方。
Github:https://github.com/euvl/vue-notification

14.Vue Slider Component |star 1495

这里面的 10 种滑块组件都使用 Vue.js 开发。
Github:https://github.com/NightCatSama/vue-slider-component

15.Vue Moment |star 1048

在 Vue.js 应用程序中使用 Moment.js。
Github :https://github.com/brockpetrie/vue-moment

16.Vue Content Placeholders |star 1070

在获取真实内容时,可以使用这些可组合组件渲染虚假的渐进式内容。
Github:https://github.com/michalsnik/vue-content-placeholders

17.Vue Draggable Resizable |star 1026

Vue.js 组件,用于可调整大小和可拖动的元素,没有外部依赖。
Github:https://github.com/mauricius/vue-draggable-resizable

18.Vue Clipboard |star 961

一个简单的 Vue.js 包,允许用户将文本复制到基于clipboard.js的剪贴板。
Github:https://github.com/Inndy/vue-clipboard2

19.Vue Trend |star 929

最优雅的趋势图组件。
Github:https://github.com/QingWei-Li/vue-trend

20. Vue Dark Mode |star 889

一个极简主义的黑暗设计系统,提供基础组件,用于构建失眠者最喜欢的深色洁面。
Github:https://github.com/LeCoupa/vuedarkmode

21.Vue-Vscode-Snippets |star 826

这些片段很棒,尽可能无缝地增强工作流程。新手值得推荐!
Github:https://github.com/sdras/vue-vscode-snippets

22.Avoriaz |star 774

VueJS测试实用工具库。
Github:https://github.com/eddyerburgh/avoriaz

23.Vue Clickaway |star 622

一种可重复使用的点击指令,可检测并响应元素外部的点击动作。当我们需要关闭模态窗口或隐藏下拉列表时会非常方便。
Github:https://github.com/simplesmiler/vue-clickaway

24.Emoji Mart Vue |star 424

从 React 的 emoji-mart fork 出来的,用于 Vue.js 的 Slack 风格的可定制表情符号选择器组件。
Github:https://github.com/jm-david/emoji-mart-vue

25.Vue Stripe Checkout |star 365

用于 Stripe 结帐的 Vue.js 插件。
Github:https://github.com/jofftiquez/vue-stripe-checkout

26.Vue No SSR |star 353

用于包装对 SSR 不友好的组件。
Github:https://github.com/egoist/vue-no-ssr

27.Vue Autosuggest |star 340

一个很棒的 Vue.js 自动提示组件。
Github:https://github.com/Educents/vue-autosuggest

28.Vue YouTube Embed |star 301

基于 Angular YouTube Embed,允许你使用 YouTube iframe API。
Github:https://github.com/kaorun343/vue-youtube-embed

29.Vue Numeric |star 295

Vue.js 输入字段组件,用于显示格式化的货币值。
Github:https://github.com/kevinongko/vue-numeric

30.Vue Popper |star 256

一个基于 popper.js 的 Vue.js 弹出窗口组件。
Github:https://github.com/RobinCK/vue-popper

31.Vue Waypoint |star 232

基于 CountUp.js,可用于创建显示数字数据的动画。
Github:https://github.com/xlsdg/vue-countup-v2

32.Vue Waypoint |star 223

Vue.js 的 v-waypoint 指令,用于在滚动时触发函数。当你想要在滚动时触发动画,它就可以派上用场。
Github:https://github.com/scaccogatto/vue-waypoint

33.Vue Cleave Component |star 222

Cleave.js 的 Vue.js 组件,用于在输入时格式化输入内容(信用卡格式、日期等)。
Github:https://github.com/ankurk91/vue-cleave-component

34.Vue Swing |star 152

它是Swing的 vue.js 包装器,一个卡片形式的界面(swipe-left 对应是,swipe-right 对应否)。
Github:https://github.com/goweiwen/vue-swing

35.Vue Chartist |star 132

基于 Chartist.js 的响应式图表。
Github:https://github.com/Yopadd/vue-chartist

36.Vue Slideout |star 131

Slideout.js 的 Vue.js 实现。
Github:https://github.com/vouill/vue-slideout

海计划公众号
(0)
上一篇 2020/03/24 05:36
下一篇 2020/03/24 05:36

您可能感兴趣的内容

  • CSS之calc()菜鸟指南_函数新手入门

    calc() 函数支持任意CSS长度单位的混合计算,遵循标准数学运算优先级规则,可以动态计算长度值。注意,calc()函数内部的运算符两侧各加一个空白符,否则会产生解析错误。calc()使用的难点在于百分比,理解了百分比定位,使用calc()就非常便捷。譬如以background-position中使用为例。将背景图片偏移距离底部10px<div class

    2020/03/26
  • vue-tour入门基础_一款轻量级,简单且可定制的用户引导Vue.js插件

    vue-tour入门基础 官方网址:https://pulsardev.github.io/vue-tour GitHub:https://github.com/pulsardev…

    2020/03/08
  • HTML5小白基础Js实现拼图小游戏入门基础知识_游戏

    当时初学游戏开发,经验浅薄,所以没有好好专研游戏里的算法和代码的缺陷,导致游戏出现了很多bug,甚至拼图打乱后很可能无法复原。最近经常有朋友问起这个游戏,希望我能把代码里的bug改一下方便初学者学习,顺便我也打算测试一下自己写这种小游戏的速度,所以就抽出了一些时间将这个游戏从头到尾重新写了一遍,计算了一下用时,从准备、修改素材到最后完成游戏,一共用了大约2h

    2020/03/26
  • px是什么单位?菜鸟攻略_单位基础入门

    px是pixel的缩写,是像素单位,也是为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“画像元素”之意,有时亦被称为pel(picture element)。px是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定

    2020/03/22
  • 微信小程序WXS之谜小白攻略_小程序小白入门

    微信创造了 WXS ,除了提高性能,还有什么原因?微信为何要创造 WXSWXS(WeiXin Script)是微信创造的一套脚本语言,它的官方说法是:“WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致”。那微信为何要脱离 JavaScript ,单独创造一套语言呢?这要从微信小程序的底层逻辑(运行环境)讲起。小

    2020/03/24
  • particles.js基础指南_用于创建粒子效果的JavaScript库

    particles.js基础指南 官方网址:https://vincentgarreau.com/particles.js/ GitHub:https://github.com/V…

    2020/03/06
  • SkateJS小白指南_构建在 W3C web组件规范之上的框架

    SkateJS小白指南 官方网址:http://skatejs.netlify.com/ GitHub:https://github.com/skatejs/skatejs 简介描…

    2020/03/11
  • 传统软件行业与互联网行业对比基础知识教程_互联网入门攻略

    由于在传统软件行业与互联网行业都待过,所以在面试和做介绍时经常听到有人问到这两者之间有何差异,现在不妨总结一下。先来背景介绍:我所在传统软件行业主要从事军工方向信息系统设计及研发工作,在大型型号项目中作为总体或主要研发单位;互联网行业即在百度做网页搜索相关工作。互联网行业较之传统软件行业来说,1、技术氛围更加开放,更多的技术探讨和交流,思维更加活跃。在百度有

    2020/03/31
  • canvas绘制网络字体几种方法小白常识_字体使用指南

    最近在用canvas绘图时遇到了一个令人头痛的问题:canvas绘制网络字体时没效果,遂开始了一番解决方案查找测试,中间也碰到了不少坑,于是写下此篇文章做个总结,如果大家在用canvas时遇到了同样的问题,希望对大家有一定的帮助,接下来就来看看有哪几种解决办法服务端转换服务端转换是什么意思呢?直接把内容和需要的字体传递给服务端,服务端提供一个文字转图片的接口

    2020/03/26
  • 从浏览器地址栏输入url到显示页面的步骤(以HTTP为例)小白帮助_url小白指南

    在浏览器地址栏输入URL浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资源未缓存,发起新请求如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证。检验新鲜通常有两个HTTP头进行控制Expires和Cache-Control:HTTP1.0提供Expires,值为一个绝对时间表示缓存新鲜日期HTTP1.1增加了Cac

    Web前端 2020/04/05
  • Vue实现生成二维码并且能下载到本地使用帮助vue-qr的使用_二维码使用说明

    vue-qr先说一下特点:带可以设置logo图片、背景图片、背景颜色、尺寸、边距等。1、vue-qr的安装:npm install vue-qr –save2、在你要生成二维码的组件里面 import VueQr from ‘vue-qr’3、在export default里面注册组件components:{VueQr
    }4、在template里使用<vu

    2020/04/03
  • javascript怎么判断字符是否是中文?零基础入门_字符菜鸟教程网

    有时我们需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到。那么如何判断?下面本篇文章就来给大家介绍一下判断方法,希望对大家有所帮助。方法一、用正则表达式判断:正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的RegExp类表示正则表达式,而String和RegExp

    2020/03/22
  • Array.from() 五个超好用的用途入门攻略_array菜鸟教程

    任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。在本文中,我将描述5个有用且有趣的 Array.from() 用例。1. 介绍在开始之

    2020/03/24
  • Wenk指南教程_一个轻量级纯 CSS 写的文本工具提示库

    Wenk指南教程 官方网址:https://tiaanduplessis.github.io/wenk/ GitHub:https://github.com/tiaanduples…

    2020/03/06
  • Mergely基础入门_在线对比文本高亮工具

    Mergely使用指南 官方网址:http://mergely.com/ GitHub:https://github.com/wickedest/Mergely 简介描述:在线对比…

    2020/03/06
  • webpack插件ProvidePlugin的使用方法和eslint配置小白知识_插件基础知识教程

    配置 webpack.config.js文件里 plugins 属性new webpack.ProvidePlugin({identifier: ‘module-name’,// …etc
    });示例用法:new webpack.ProvidePlugin({‘_’: ‘lodash’
    });配置完以后就可以在代码里直接使用 _ ,而不再需要 impor

    2020/03/24