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

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

在过去的一年中,我比较了近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. Redis安装完整步骤

    安装: 1.获取redis资源 wget http://download.redis.io/releases/redis-4.0.8.tar.gz 2.解压 tar xzvf redis-4.0.8. ...

  2. Ubuntu环境下配置darknet

    本教程基于Linux物理机进行相关配置,要求物理机中包含N卡且Capbility>=3.0,小于3.0(Fermi架构)只允许配置cuda,不能配置使用Cudnn: 本教程分为: 1.安装NVI ...

  3. java 加解密

    import javax.crypto.*; import javax.crypto.spec.SecretKeySpec; import java.io.UnsupportedEncodingExc ...

  4. 反爬虫:利用ASP.NET MVC的Filter和缓存(入坑出坑)

    背景介绍: 为了平衡社区成员的贡献和索取,一起帮引入了帮帮币.当用户积分(帮帮点)达到一定数额之后,就会“掉落”一定数量的“帮帮币”.为了增加趣味性,帮帮币“掉落”之后所有用户都可以“捡取”,谁先捡到 ...

  5. 使用RSA加密在Python中逆向shell

    i春秋翻译小组-Neo(李皓伟) 使用RSA加密在Python中逆向shell 这是一个关于使用RSA加密编程逆向shell的python教程. 我想提一下,这篇文章更多的是关于理解shell中涉及的 ...

  6. Android程序员必知必会的网络通信传输层协议——UDP和TCP

    1.点评 互联网发展至今已经高度发达,而对于互联网应用(尤其即时通讯技术这一块)的开发者来说,网络编程是基础中的基础,只有更好地理解相关基础知识,对于应用层的开发才能做到游刃有余. 对于Android ...

  7. FFmpeg 结构体学习(六): AVCodecContext 分析

    在上文FFmpeg 结构体学习(五): AVCodec 分析我们学习了AVCodec结构体的相关内容.本文,我们将讲述一下AVCodecContext. AVCodecContext是包含变量较多的结 ...

  8. SDL 开发实战(三):使用 SDL 绘制基本图形

    在上文 SDL 开发实战(二):SDL 2.0 核心 API 解析 我们讲解了SDL最核心的API,并结合Hello World代码了解了SDL渲染画面的基本原理. 本文我们来讲一下,如何使用SDL的 ...

  9. [Swift]LeetCode782. 变为棋盘 | Transform to Chessboard

    An N x N board contains only 0s and 1s. In each move, you can swap any 2 rows with each other, or an ...

  10. Hibernate框架笔记04HQL_QBC查询详解_抓取策略优化机制

    目录 1. Hibernate的查询方式 1.1 方式一:OID查询 1.2 方式二:对象导航查询 1.3 方式三:HQL方式 1.4 方式四:QBC查询 1.5 方式五:SQL查询 2. 环境搭建 ...