百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

2018 年最好的 45 个 Vue 开源项目汇总

toyiye 2024-06-06 22:12 23 浏览 0 评论

作者|Mybridge

译者|无明

在过去的一年里,我们比较了将近 12,000 个 Vue.js 开源项目和库,从中挑选了最好的 45 个(0.37%)。

这些项目和库可以分为 3 类:

  • 用户界面(1~19)
  • Vue.js 工具(20~36)
  • 项目(37~45)

这是一个非常好的清单,精心挑选了 2018 年 1 月至 12 月期间发布的最佳 Vue.js 开源项目。Mybridge 在受欢迎程度、参与度和新鲜度方面对它们进行了评估。其中 Github 的 Star 数平均为 2,620。

用户界面

1.Vuetify



用于 Vue.js 2 的 Material 组件框架 1.0 版本,Github Star 数 16672。

地址:https://github.com/vuetifyjs/vuetify

2.Weex-ui



基于 Vue.js 和 Weex 的轻量级高性能交互式 UI 库,由阿里巴巴贡献,Github Star 数为 4097。

地址:https://github.com/alibaba/weex-ui

3.Eagle.js

一个使用 Vue.js 开发的幻灯片框架,Github Star 数 3343。

地址:https://github.com/Zulko/eagle.js

4.Vuesax



前端 Vue 组件,Github Star 数 2755。

地址:https://github.com/lusaxweb/vuesax

5.Vue-ydui



Vue2.js 移动组件库,Github Star 数 2308。

地址:https://github.com/ydcss/vue-ydui

6.Vue-grid-layout



Vue.js 可拖动且可调整大小的网格布局,Github Star 数 2003。

地址:https://github.com/jbaysolutions/vue-grid-layout

7.Vue-virtual-scroller



可以平滑滚动任意数量的数据,Github Star 数 1741。

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

8.Vue-content-loader

用于创建占位符加载的 SVG 组件,例如 Facebook 卡片加载,Github Star 数 1345。

地址:https://github.com/egoist/vue-content-loader

9.Mand-mobile

基于 Vue.js 2 的移动 UI 工具包,专为财务方案而设计,Github Star 数 1391。

地址:https://github.com/didi/mand-mobile

10.Vuikit

用于网站界面的响应式 Vue UI 库,Github Star 数 1293。

地址:https://github.com/vuikit/vuikit

11.Vue-design-system v2.0



一个用于基于 Vue.js 构建 UI 设计系统的开源工具,Github Star 数 1296。

地址:https://github.com/viljamis/vue-design-system

12.Vue-styleguidist



Vue 组件样式指南生成器,带有实时的样式指南,Github Star 数 1088。

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

13.Heyui



用于 Web 的 UI 工具包,Vue2.0 ,Github Star 数 934。

地址:https://github.com/heyui/heyui

14.Vue2-animate v2.0

Animate.css 的 Vue 移植版本,用于 Vue 的内置过渡,Github Star 数 884。

地址:https://github.com/asika32764/vue2-animate

15.Ui



官方 Vue 应用程序的 UI 组件,Github Star 数 841。

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

16.Proppy

UI 组件的 prop 组合(支持 React.js 和 Vue.js),Github Star 数 792。

地址:https://github.com/fahad19/proppy

17.ZircleUI

开发可缩放用户界面的前端库,基于 Vue.js ,Github 上 650。

地址:https://github.com/zircleUI/zircleUI

18.Vue-overdrive

用于 Vue 应用程序的过渡效果,超级简单,Github Star 数 439。

地址:https://github.com/mattrothenberg/vue-overdrive

19.Vue-argon-design-system



Vue Argon 设计系统,Github Star 数 302。

地址:

https://github.com/creativetimofficial/vue-argon-design-system

Vue.js 工具

20.Vue-cli



用于快速 Vue.js 开发的 CLI 3.0 版本,Github Star 数 18952。

地址:https://github.com/vuejs/vue-cli

21.Vue-devtools(v 4.0)



Chrome 开发者工具的扩展,用于调试 Vue.js 应用程序,Github Star 数 12112。

地址:https://github.com/vuejs/vue-devtools

22.Vue-native-core



Vue Native 是一个使用 JavaScript 构建跨平台原生移动应用程序的框架 [Github Star 数 5545]。

地址:https://github.com/GeekyAnts/vue-native-core

23.Tiptap

Vue.js 富文本编辑器 ,Github Star 数 2790。

地址:https://github.com/scrumpy/tiptap

24.Uni-app

使用 Vue.js 开发跨平台应用程序的前端框架 ,Github Star 数 2276。

地址:https://github.com/dcloudio/uni-app

25.Vue-rx v6.0

Vue.js 的 RxJS 集成,Github Star 数 2284。

地址:https://github.com/vuejs/vue-rx

26.Eros



一组 Vue 代码,两端原生应用程序,Github Star 数 1587。

地址:https://github.com/bmfe/eros

27.Vue-wait



Vue/Vuex 和 Nuxt 应用程序的复杂加载器和进度管理器,Github Star 数 1266。

地址:https://github.com/f/vue-wait

28.Vue-starter

一个生产就绪、灵活可扩展的 PWA 样板,专注于性能、开发速度和最佳实践,Github Star 数 1192。

地址:https://github.com/devCrossNet/vue-starter

29.Vue-hooks

使用 Vue 实现的 React Hooks,Github Star 数 1148。

地址:https://github.com/yyx990803/vue-hooks

30.Portal-vue

Vuejs 的 Portal 组件,用于在组件外部、文档的任意位置渲染 DOM,Github Star 数 1414。

地址:https://github.com/linusborg/portal-vue

31.Vue-fullpage.js

fullPage.js 的官方 Vue.js 包装器,Github Star 数 829。

地址:https://github.com/alvarotrigo/vue-fullpage.js

32.Vue-api-query

一种构建 REST API 请求的优雅而简单的方法,Github Star 数 750。

地址:https://github.com/robsontenorio/vue-api-query

33.Vuese

Vue 组件文档的一站式解决方案,Github Star 数 741。

地址:https://github.com/vuese/vuese

34.Vuex-orm

Vuex 插件,用于启用对 Vuex 存储的对象关系映射(ORM)访问,Github Star 数 724。

地址:https://github.com/vuex-orm/vuex-orm

35.Vuex-pathify

Vue/Vuex 插件,为 Vuex 存储提供统一的路径语法,Github Star 数 651。

地址:https://github.com/davestewart/vuex-pathify

36.Vue-vr



使用 Vue 构建 VR 应用程序的框架,Github Star 数 147。

地址:https://github.com/imudin/vue-vr

项目

37.Vuepress

Minimalistic Vue 驱动的静态网站生成器,Github Star 数 11323。

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

38.Gridsome

使用 Vue.js 为 CMS 或数据构建超快的网站,在 Github Star 数 1902。

地址:https://github.com/gridsome/gridsome

39.Vue-music-webapp

基于 Vue 的 Music WebApp,Github Star 数 1357。

地址:

https://github.com/CaiJinyc/vue-music-webapp

40.Vue-realworld-example-app

使用 Vue.js、Vuex、axios 和其他技术构建的示例性应用程序,Github Star 数 1187。

地址:

https://github.com/gothinkster/vue-realworld-example-app

41.Page-transitions-travelapp

旅行应用程序,具有类似原生的页面过渡,Github Star 数 1145。

地址:https://github.com/sdras/page-transitions-travelapp

42.Sample-vue-shop

一个示例商店,展示如何使用 Vue、Stripe 和 Serverless Functions 来管理支付流程,Github Star 数 918。

地址:https://github.com/sdras/sample-vue-shop

43.Vuegg

Vue GUI 生成器,模拟和代码可以一次性搞定,Github Star 数 853。

地址:https://github.com/vuegg/vuegg

44.Vue-filepond

FilePond 的一个适配器组件,一个 JavaScript 库,可以上传任何东西,为加快上传速度对图像进行优化,并提供了非常顺畅的用户体验,Github Star 数 467。

地址:https://github.com/pqina/vue-filepond

45.Monimo

Netflix 风格的 Web App,用于观看动画,Github Star 数 230。

地址:https://github.com/altinselimi/monimo

英文原文:

https://medium.mybridge.co/45-amazing-vue-js-open-source-for-the-past-year-v-2019-b8533f26a0a2

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码