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

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

在过去的一年中,我比较了近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. Java 短信发送

    package com.test; import org.apache.commons.httpclient.Header;import org.apache.commons.httpclient.H ...

  2. Java精确测量代码运行时间

    Java精确测量代码运行时间: --------------- long startTime = System.nanoTime(); //開始時間 for(int i = 0;i<10000; ...

  3. [Swift]LeetCode52. N皇后 II | N-Queens II

    The n-queens puzzle is the problem of placing n queens on an n×n chessboard such that no two queens ...

  4. [Swift]LeetCode296. 最佳开会地点 $ Best Meeting Point

    A group of two or more people wants to meet and minimize the total travel distance. You are given a ...

  5. [Swift]LeetCode339. 嵌套链表权重和 $ Nested List Weight Sum

    Given a nested list of integers, return the sum of all integers in the list weighted by their depth. ...

  6. [Swift]LeetCode399. 除法求值 | Evaluate Division

    Equations are given in the format A / B = k, where A and B are variables represented as strings, and ...

  7. [Swift]LeetCode844. 比较含退格的字符串 | Backspace String Compare

    Given two strings S and T, return if they are equal when both are typed into empty text editors. # m ...

  8. C++版 - Leetcode 400. Nth Digit解题报告

    leetcode 400. Nth Digit 在线提交网址: https://leetcode.com/problems/nth-digit/ Total Accepted: 4356 Total ...

  9. 从锅炉工到AI专家(11)(END)

    语音识别 TensorFlow 1.x中提供了一个语音识别的例子speech_commands,用于识别常用的命令词汇,实现对设备的语音控制.speech_commands是一个很成熟的语音识别原型, ...

  10. EF架构~Dapper.Contrib不能将Linq翻译好发到数据库,所以请不要用它

    回到目录 对于Dapper是一个轻量级的数据访问框架,而需要使用者去自己做SQL,它,只是一个数据访问者! 对些,Dapper推出了Contrib扩展包,它可以友好的让开发人员使用linq,而不需要写 ...