写点什么

力荐 35 个最好用的 Vue 开源库!

  • 2018-12-28
  • 本文字数:2818 字

    阅读完需:约 9 分钟

力荐 35 个最好用的Vue开源库!

无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,随着 Vue.js 和 Nuxt.js 社区的不断壮大,每天都会出现一些很好的软件包。


在下文中,我们将推荐一些非常好用的 Vue 和 Nuxt 软件包。

Vue.js

Vue.js 是一个非常易用的渐进式 JavaScript 框架,用于构建用户界面。

1.Vue Dark Mode

Vue.js 的一个极简主义的深色设计系统。它提供了基本组件,用于构建失眠者最喜欢的深色界面。


地址:https://github.com/LeCoupa/vuedarkmode

2.Vetur

VS Code 的 Vue 工具。如果你是 Vue.js 超级用户,必须尝试一下!


地址:https://github.com/vuejs/vetur

3.Vue VS Code Snippets

这些片段很棒,从我开始学习 Vue.js 时就一直在用它。


地址:https://github.com/sdras/vue-vscode-snippets

4.Bootstrap-Vue

提供了最全面的 Bootstrap V4 实现。


地址:https://bootstrap-vue.js.org/

5.Vue Native

你是 React Native 的粉丝吗?就像 React Native 一样,Vue Native 框架允许你使用 JavaScript 来构建跨平台的原生移动应用程序。


地址:https://vue-native.io/

6.NativeScript Vue

如果你更喜欢 NativeScript,这个包可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。


地址:https://github.com/nativescript-vue/nativescript-vue

7.Vue Content Placeholders

在获取真实内容时,可以使用这些可组合组件渲染虚假的渐进式内容。


地址:https://github.com/michalsnik/vue-content-placeholders

8.Vue Autosuggest

一个很棒的 Vue.js 自动提示组件。


地址:https://github.com/Educents/vue-autosuggest

9.Vue Clipboard

一个简单的 Vue.js 包,允许用户将文本复制到基于clipboard.js的剪贴板。


地址:https://vue-clipboard2.inndy.tw/

10.Vue Clickaway

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


地址:https://github.com/simplesmiler/vue-clickaway

11.Vue Waypoint

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


地址:https://github.com/scaccogatto/vue-waypoint

12.Vue Virtual Scroller

用于 Vue.js 应用程序的快速无限制滚动。


地址:https://github.com/Akryum/vue-virtual-scroller

13.Vue Slideout

Slideout.js 的 Vue.js 实现。


地址:https://github.com/vouill/vue-slideout

14.Vue Swing

它是Swing的 vue.js 包装器,一个卡片形式的界面(swipe-left 对应是,swipe-right 对应否)。


地址:https://github.com/goweiwen/vue-swing

15.Vue Quill Editor

Vue.js 的 Quill 编辑器,支持 SPA 和 SSR。


地址:https://github.com/surmon-china/vue-quill-editor

16.Vue Stripe Checkout

用于 Stripe 结帐的 Vue.js 插件。


地址:https://github.com/jofftiquez/vue-stripe-checkout

17.Vue Cleave Component

Cleave.js 的 Vue.js 组件,用于在输入时格式化输入内容(信用卡格式、日期等)。


地址:https://github.com/ankurk91/vue-cleave-component

18.Vuelidate

进行基于模型的验证,实现表单验证现在变得轻而易举。


地址:https://github.com/monterail/vuelidate

19.Vue.js Datepicker

一个简单的 Vue.js 日期选择器组件。


地址:https://github.com/charliekassel/vuejs-datepicker

20.Vue Moment

想要在 Vue.js 应用程序中使用 Moment.js?你需要这个包。


地址:https://github.com/brockpetrie/vue-moment

21.Vue Numeric

Vue.js 输入字段组件,用于显示格式化的货币值。


地址:https://github.com/kevinongko/vue-numeric

22.Vue Slider Component

这里面的 10 种滑块组件都使用 Vue.js 开发。


地址:https://nightcatsama.github.io/vue-slider-component/example

23.Vue.Draggable

Vue.js 组件,基于 Sortable.js 进行同步的拖放排序。


地址:https://github.com/SortableJS/Vue.Draggable

24.Vue Draggable Resizable

Vue.js 组件,用于可调整大小和可拖动的元素,没有外部依赖。


地址:https://github.com/mauricius/vue-draggable-resizable

25.Vue Color

来自 Sketch、Photoshop、Chrom 的 Vue.js 颜色选择器。


地址:https://github.com/xiaokaike/vue-color

26.Emoji Mart Vue

从 React 的 emoji-mart fork 出来的,用于 Vue.js 的 Slack 风格的可定制表情符号选择器组件。


地址:https://github.com/jm-david/emoji-mart-vue

27.Vue YouTube Embed

基于 Angular YouTube Embed,允许你使用 YouTube iframe API。


地址:https://github.com/kaorun343/vue-youtube-embed

28.Vuetable-2

Vue.js 的数据表组件。


地址:https://www.vuetable.com/

29.Vue Chartist

基于 Chartist.js 的响应式图表。


地址:https://github.com/Yopadd/vue-chartist

30.Vue Trend

最优雅的趋势图组件。


地址:https://github.com/QingWei-Li/vue-trend

31.Epic Spinners

20 个易于使用的 css 调节器。


地址:https://github.com/epicmaxco/epic-spinners

32.Vue Notification

用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间,任何你想要的位置!


地址:http://vue-notification.yev.io/

33.Vue Popper

一个基于 popper.js 的 Vue.js 弹出窗口组件。


地址:https://robinck.github.io/vue-popper/

34.Vue Countup

基于 CountUp.js,可用于创建显示数字数据的动画。


地址:https://github.com/xlsdg/vue-countup-v2

35.Vue No SSR

用于包装对 SSR 不友好的组件。


地址:https://github.com/egoist/vue-no-ssr

Nuxt.js

Nuxt.js 是一个基于 Vue.js 构建的框架,帮助你轻松构建服务器端渲染的应用程序。

1.Create Nuxt App

在几秒钟内创建 Nuxt.js 项目的最简单方法。


地址:https://github.com/nuxt/create-nuxt-app

2.Nuxt SAAS 资源加载器

每次创建新文件时不需要手动导入所有的 SASS 样式,而是让 SASS 资源加载负责这些工作。


地址:https://github.com/anteriovieira/nuxt-sass-resources-loader

3.Vue Dark Mode

这个库也是用 Nuxt.js 开发的。


地址:https://github.com/LeCoupa/vuedarkmode

4.Nuxt 的 PWA 模块

用于创建渐进式 Web 应用程序的最可靠、最稳定的模块。


地址:https://pwa.nuxtjs.org/

5.Dotenv 模块

将.env 文件加载到 Nuxt.js 应用程序上下文中。


地址:https://github.com/nuxt-community/dotenv-module

6.Nuxt.js 的 Senty 模块

Sentry.io 是一个开源的错误跟踪器,可以将 Sentry 添加到 Nuxt.js 应用程序中。


地址:https://github.com/nuxt-community/sentry-module

7. Nuxt.js 的 Google Analytics 模块

将你的 Google Analytics 帐户与 Nuxt 项目集成。


地址:https://github.com/nuxt-community/analytics-module

英文原文

https://medium.com/the-vue-way/my-favorite-vue-js-nuxt-js-packages-for-2019-639dbbfe699e


更多内容,可关注前端之巅(ID:frontshow)



2018-12-28 09:476720
用户头像

发布了 731 篇内容, 共 474.8 次阅读, 收获喜欢 2008 次。

关注

评论 2 条评论

发布
用户头像
先收藏一波
2018-12-28 18:37
回复
没有更多了
发现更多内容

基于 PHP/Java 的淘宝 API 调用实践:从商品详情页 JSON 数据解析到结构化重构

代码忍者

淘宝API接口

乐言科技:云原生加速电商行业赋能,云消息队列助力降本 37%

阿里巴巴云原生

阿里云 云原生

中国信通院联合行业巨头启动“可信AI智能体测试床”

测试人

人工智能

合合信息发布智能文档处理行业白皮书,破解文档处理效率与安全问题

合合技术团队

人工智能 智能文档 #大数据 文档解析

出版社题库管理系统的开发

北京木奇移动技术有限公司

软件外包公司 出版社 题库管理系统

NocoBase 本周更新汇总:部分商业插件改为开源

NocoBase

开源 低代码 插件 无代码 版本更新

“敏捷产品管理精进课程” 6月14-15日 · A-CSPO认证【提前报名特惠】

ShineScrum

敏捷 PO 敏捷教练 产品负责人 CSPO认证

TLM算法仿真5G毫米波手机天线和整机

思茂信息

5G 仿真 CST Studio Suite

利用大模型实现地理领域文档中英文自动化翻译

亚马逊云科技 (Amazon Web Services)

汇源与用友战略签约,共启果汁行业数智发展新纪元!

用友BIP

AI重构商品计划管理:时尚品牌决胜未来的四大核心能力

第七在线

深入研究:1688商品跨境属性API接口详解

tbapi

1688API 1688跨境代采 1688商品属性接口 1688跨境属性接口

出版社题库管理系统的技术难点

北京木奇移动技术有限公司

软件外包公司 出版社 题库系统开发

Amazon Bedrock 上的模型擂台赛:DeepSeek、Nova、Claude,谁是最强文本审核大模型?

亚马逊云科技 (Amazon Web Services)

手把手教你用micro.item_get接口获取微店商品数据,小白也能轻松上手!

代码忍者

微店商品详情API接口

AI智上 | 财务数智化筑路,引领企业转型腾飞

用友智能财务

出版社题库管理系统的功能

北京木奇移动技术有限公司

软件外包公司 出版社 题库管理系统

“全球金牌敏捷课程” · 5月10-11日CSM认证课程

ShineScrum

敏捷 敏捷教练 项目经理 CSM认证 CSM认证培训

Featured.com收购HARO

财见

名列前茅!百度文心大模型4.5及X1在中国信通院“方升”大模型基准测试中表现优异

百度Geek说

百度

如何科学选择LED显示屏的点间距

Dylan

LED LED显示屏 全彩LED显示屏 led显示屏厂家 户内led显示屏

能否将扩散模型思想应用于 LLMs 领域?大型语言扩散模型(LLDM)详解

Baihai IDP

程序员 AI LLMs LLDM LLaDA

博睿数据受邀出席“AI助力湾区数智金融会议”,分享主题演讲

博睿数据

AI与智能客服:如何让AI为企业提供更高效、更人性化的客户服务?

天津汇柏科技有限公司

人工智能 智能客服 AI 人工智能

秘密任务 2.0:如何利用 WebSockets + DTOs 设计实时操作

数据追梦人

【FAQ】HarmonyOS SDK 闭源开放能力 —Health Service Kit

HarmonyOS SDK

harmoyos

电商多平台聚合搜索API开发全攻略:淘宝/1688/某东一站式打通!

代码忍者

API接口工具

质量管理中的IQC、PQC、FQC、OQC

积木链小链

质量管理 数字化 智能制造

利用Apipost轻松实现用户充值系统的API自动化测试

数据追梦人

Spark on K8s 在vivo大数据平台的混部实战

vivo互联网技术

大数据 spark 容器化

用友BIP 智能产品三连发,推动制造企业稳质量、降成本、提效率、增收入!

用友BIP

力荐 35 个最好用的Vue开源库!_大前端_Nada Rifki_InfoQ精选文章