译者按: 学习优秀的开源项目是提高代码水平最有效的方式。

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

在过去的一年中,我比较了近3000个Vue.js开源项目,选出30强(1%的比例)。

这是一个有竞争力的清单,因为我仔细挑选2017年1月至12月期间发布的最佳开源Vue.js库,工具和项目。通过考虑流行度,参与度和近况来评估这份清单的质量。举个简单的例子,这份清单中的项目在某著名同性交友平台的star数平均量高达3795,还不错吧?

开源项目对程序员来说是很有用的。你可以通过读代码并且在现有项目的基础上构建一些东西来学习,因为如果想提高你的Vue开发技术,那么花些时间来玩一下过去一年你可能错过的Vue.js开源项目是很值得的。

NO.1

Element:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库[Github star:22004]

NO.2

iView:一套高质量的UI组件库[Github star:12175]

NO.3

Best-resume-ever:用Vue和LESS简单、快速建立许多漂亮的简历,并创建你最好的简历。[Github star:8839]

NO.4

Vue-element-admin:一个神奇的vue后台管理系统[Github star:7942]

NO.5

Vuetify: Vue.js 2的Material组件库[Github star:7672]

NO.6

Vue-admin: Vue后台面板管理库,基于Vue 2.0和Bulma 0.3 [Github star:7033]

NO.7

vue-hackernews-2.0:vue-router&vuex和服务器端渲染[Github star:6687]

NO.8

Vue-devtools (v 4.0):用于调试Vue.js应用程序的Chrome devtools扩展程序[Github star:6292]

NO.9

Vue-material:Vue.js的Material design[Github star:5230]

NO.10

Quasar:构建响应式网站,PWA,混合移动应用程序(看起来很原生!)和Electron应用程序,全部同时使用相同的代码库,并基于Vue。[Github star:4690]

Fundebug错误实时监控为您的Vue项目保驾护航!

NO.11

Electron-vue:Electron&Vue.js快速启动样板,包括vue-cli脚手架,通用Vue插件, electron-packager/electron-builder,单元/e2e测试,vue-devtools和webpack。[Github star:4527]

NO.12

Vue-loader (v 13):Vue.js组件的Webpack加载程序(loader)[Github star:2588]

NO.13

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

NO.14

Buefy:基于Bulma的Vue.js的轻量级UI组件[Github star:1956]

NO.15

Vant:YouZan的Vue.js 2.0移动用户界面[Github star:1730]

NO.16

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

NO.17

Vuefire (v 2.0):Firebase 2&> = 3的Vue.js 1&2绑定[Github star:1228]

NO.18

Vue-tetris:使用Vue,Vuex,Immutable做俄罗斯方块[Github star:1152]

NO.19

At-ui:一款全新的平面UI套件,专门用于桌面应用程序,由Vue.js 2.0制作而成。[Github star:1099]

NO.20

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

NO.21

Vuex-persistedstate (v 2.0):用本地存储保持Vuex状态[Github star:1009]

NO.22

Vue-test-utils:用于测试Vue组件的实用程序[Github star:977]

NO.23

Vue-meta (v 1.0):管理Vue 2.0组件中的页面元信息,支持SSR +流媒体。[Github star:958]

NO.24

ESLint-plugin-vue:官方ESLint的Vue.js插件[Github star:864]

NO.25

Vue-js-modal:易于使用,高度可定制,移动友好的Vue.js 2.0+ modal[Github star:775]

NO.26

Vue-tables-2:Vue.js 2 网格组件[Github star:540]

NO.27

Vue-baidu-map:Vue 2.x的百度地图组件[Github star:540]

NO.28

Vuex-loading:Vue / Vuex应用程序的复杂装载程序管理[Github star:291]

NO.29

Vue-js-grid:一个具有顺畅的排序,拖放和重新排序的Vue.js 2.x响应式网格系统。[Github star:248]

NO.30

Dockeron:用于Docker的Electron + Vue.js[Github star:196]

推荐

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了9亿+错误事件,付费客户有Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用

版权声明

转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2018/05/29/30-amazing-vuejs-open-source/

30个值得关注的Vue开源项目的更多相关文章

  1. 20 个新的且值得关注的 Vue 开源项目

    译者:前端小智作者:Nastassia Ovchinnikova来源:flatlogic.com 个人专栏 ES6 深入浅出已上线,深入ES6 ,通过案例学习掌握 ES6 中新特性一些使用技巧及原理, ...

  2. GitHub 上值得关注的 iOS 开源项目

    GitHub 上值得关注的 iOS 开源项目 原文链接:http://www.jianshu.com/p/e5dfe1a09611 GitHub 上值得关注的 iOS 开源项目 —— 由 红旗下的蛋  ...

  3. GitHub上值得关注的iOS开源项目

    1.AFNetworking地址:https://github.com/AFNetworking/AFNetworking用于网络请求 2.JSONKit地址:https://github.com/j ...

  4. iOS:GitHub上值得关注的iOS开源项目

    1.AFNetworking地址:https://github.com/AFNetworking/AFNetworking用于网络请求 2.JSONKit地址:https://github.com/j ...

  5. 超全的 Vue 开源项目合集,签收一下

    超全的 Vue 开源项目合集,签收一下 xiaoge2016 前端开发 1周前 作者:xiaoge2016 链接: https://my.oschina.net/u/3018050/blog/2049 ...

  6. Github 上 10 个值得学习的 Springboot 开源项目

    Spring Boot 几乎继承了所有 Spring 框架的优点,同时还可以让项目的配置更简化.编码更简化.部署更方便.近两年受到很多开发者的追捧,也是火热的不行! 下面给大家整理了 10 个 Git ...

  7. python实战===2017年30个惊艳的Python开源项目 (转)

    本文转自:http://www.sohu.com/a/216723120_115128 摘要:本文来自Mybridge,介绍了过去一年里30个惊艳的Python开源项目.点击每一个都可以在GitHub ...

  8. Vue开源项目使用探索

    前言 本文记录一次使用Vue开源项目的过程. 寻找Vue开源项目 要使用Vue开源项目就必须先找到一个,我们去Github上搜索[后台],然后使用Vue分类进行检索,找到排名第一的开源框架进行下载—v ...

  9. 2018年最值得关注的30个Vue开源项目

    译者按: 学习优秀的开源项目是提高代码水平最有效的方式. 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译 ...

随机推荐

  1. 什么是URL,URL格式

    什么是URL: 互联网里有很多的网页,大家都需要能够互相访问,就比如在一栋大楼里,有很多的房间,不同房间里的人都想能去任意的其他房间里去,那怎么能够达到这样的想法呢? 很简单,每个房间都挂一个门牌号就 ...

  2. create-react-app创建的项目中registerServiceWorker.js文件的作用

    使用React官方的脚手架工具create-react-app创建的项目,目录中会存在registerServiceWorker.js这个文件,这个文件的作用是什么呢? 这个文件可以使用也可以不使用, ...

  3. js中的观察者模式

    什么事观察者模式: 这是一种创建松散耦合代码的技术.它定义对象间 一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知.由主体和观察者组成,主体负责发布事件,同时观察者通过 ...

  4. 将选中的物体写入XML文件

    using System.Collections;using System.Collections.Generic;using System.Xml.Linq;using UnityEditor;us ...

  5. 阿里面试题,深入理解Java类加载机制

    类的生命周期 包括以下 7 个阶段: 加载(Loading) 验证(Verification) 准备(Preparation) 解析(Resolution) 初始化(Initialization) 使 ...

  6. [Swift]LeetCode55. 跳跃游戏 | Jump Game

    Given an array of non-negative integers, you are initially positioned at the first index of the arra ...

  7. [Swift]LeetCode987. 二叉树的垂序遍历 | Vertical Order Traversal of a Binary Tree

    Given a binary tree, return the vertical order traversal of its nodes values. For each node at posit ...

  8. iOS学习——#define、const、typedef的区别

    在iOS开发中经常遇到一些字段和类型的定义,例如配置生产和测试不同环境的参数等,这时候经常用到#define.const以及typedef.那么它们之间有什么区别呢?我们接下来一个一个具体了解下. 一 ...

  9. Underscore.js 源码学习笔记(上)

    版本 Underscore.js 1.9.1 一共 1693 行.注释我就删了,太长了… 整体是一个 (function() {...}());  这样的东西,我们应该知道这是一个 IIFE(立即执行 ...

  10. Java中需要知道的关键字

    Java中有一些或常用,或不常用,但却不得不知关键字,本篇文章将讨论这些关键字的作用. transient transient关键字可能用的不是那么频繁,但却是一个很重要的关键字,它的作用是在对象序列 ...