30个值得关注的Vue开源项目
译者按: 学习优秀的开源项目是提高代码水平最有效的方式。
为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。
在过去的一年中,我比较了近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开源项目的更多相关文章
- 20 个新的且值得关注的 Vue 开源项目
译者:前端小智作者:Nastassia Ovchinnikova来源:flatlogic.com 个人专栏 ES6 深入浅出已上线,深入ES6 ,通过案例学习掌握 ES6 中新特性一些使用技巧及原理, ...
- GitHub 上值得关注的 iOS 开源项目
GitHub 上值得关注的 iOS 开源项目 原文链接:http://www.jianshu.com/p/e5dfe1a09611 GitHub 上值得关注的 iOS 开源项目 —— 由 红旗下的蛋 ...
- GitHub上值得关注的iOS开源项目
1.AFNetworking地址:https://github.com/AFNetworking/AFNetworking用于网络请求 2.JSONKit地址:https://github.com/j ...
- iOS:GitHub上值得关注的iOS开源项目
1.AFNetworking地址:https://github.com/AFNetworking/AFNetworking用于网络请求 2.JSONKit地址:https://github.com/j ...
- 超全的 Vue 开源项目合集,签收一下
超全的 Vue 开源项目合集,签收一下 xiaoge2016 前端开发 1周前 作者:xiaoge2016 链接: https://my.oschina.net/u/3018050/blog/2049 ...
- Github 上 10 个值得学习的 Springboot 开源项目
Spring Boot 几乎继承了所有 Spring 框架的优点,同时还可以让项目的配置更简化.编码更简化.部署更方便.近两年受到很多开发者的追捧,也是火热的不行! 下面给大家整理了 10 个 Git ...
- python实战===2017年30个惊艳的Python开源项目 (转)
本文转自:http://www.sohu.com/a/216723120_115128 摘要:本文来自Mybridge,介绍了过去一年里30个惊艳的Python开源项目.点击每一个都可以在GitHub ...
- Vue开源项目使用探索
前言 本文记录一次使用Vue开源项目的过程. 寻找Vue开源项目 要使用Vue开源项目就必须先找到一个,我们去Github上搜索[后台],然后使用Vue分类进行检索,找到排名第一的开源框架进行下载—v ...
- 2018年最值得关注的30个Vue开源项目
译者按: 学习优秀的开源项目是提高代码水平最有效的方式. 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译 ...
随机推荐
- Redis安装完整步骤
安装: 1.获取redis资源 wget http://download.redis.io/releases/redis-4.0.8.tar.gz 2.解压 tar xzvf redis-4.0.8. ...
- Ubuntu环境下配置darknet
本教程基于Linux物理机进行相关配置,要求物理机中包含N卡且Capbility>=3.0,小于3.0(Fermi架构)只允许配置cuda,不能配置使用Cudnn: 本教程分为: 1.安装NVI ...
- java 加解密
import javax.crypto.*; import javax.crypto.spec.SecretKeySpec; import java.io.UnsupportedEncodingExc ...
- 反爬虫:利用ASP.NET MVC的Filter和缓存(入坑出坑)
背景介绍: 为了平衡社区成员的贡献和索取,一起帮引入了帮帮币.当用户积分(帮帮点)达到一定数额之后,就会“掉落”一定数量的“帮帮币”.为了增加趣味性,帮帮币“掉落”之后所有用户都可以“捡取”,谁先捡到 ...
- 使用RSA加密在Python中逆向shell
i春秋翻译小组-Neo(李皓伟) 使用RSA加密在Python中逆向shell 这是一个关于使用RSA加密编程逆向shell的python教程. 我想提一下,这篇文章更多的是关于理解shell中涉及的 ...
- Android程序员必知必会的网络通信传输层协议——UDP和TCP
1.点评 互联网发展至今已经高度发达,而对于互联网应用(尤其即时通讯技术这一块)的开发者来说,网络编程是基础中的基础,只有更好地理解相关基础知识,对于应用层的开发才能做到游刃有余. 对于Android ...
- FFmpeg 结构体学习(六): AVCodecContext 分析
在上文FFmpeg 结构体学习(五): AVCodec 分析我们学习了AVCodec结构体的相关内容.本文,我们将讲述一下AVCodecContext. AVCodecContext是包含变量较多的结 ...
- SDL 开发实战(三):使用 SDL 绘制基本图形
在上文 SDL 开发实战(二):SDL 2.0 核心 API 解析 我们讲解了SDL最核心的API,并结合Hello World代码了解了SDL渲染画面的基本原理. 本文我们来讲一下,如何使用SDL的 ...
- [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 ...
- Hibernate框架笔记04HQL_QBC查询详解_抓取策略优化机制
目录 1. Hibernate的查询方式 1.1 方式一:OID查询 1.2 方式二:对象导航查询 1.3 方式三:HQL方式 1.4 方式四:QBC查询 1.5 方式五:SQL查询 2. 环境搭建 ...