热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

vuegithub开源项目_2018年最好的45个Vue开源项目汇总,Go语言社区,Golang程序员人脉社



fef040be-f217-eb11-8da9-e4434bdf6706.png

作者|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



01f140be-f217-eb11-8da9-e4434bdf6706.png

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


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


2.Weex-ui



06f140be-f217-eb11-8da9-e4434bdf6706.png

基于 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



0df140be-f217-eb11-8da9-e4434bdf6706.png

前端 Vue 组件,Github Star 数 2755。


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


5.Vue-ydui



0ff140be-f217-eb11-8da9-e4434bdf6706.png

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


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


6.Vue-grid-layout



14f140be-f217-eb11-8da9-e4434bdf6706.png

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


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


7.Vue-virtual-scroller



16f140be-f217-eb11-8da9-e4434bdf6706.png

可以平滑滚动任意数量的数据,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



1bf140be-f217-eb11-8da9-e4434bdf6706.png

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


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


12.Vue-styleguidist



1df140be-f217-eb11-8da9-e4434bdf6706.png

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


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


13.Heyui



1ff140be-f217-eb11-8da9-e4434bdf6706.png

用于 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



21f140be-f217-eb11-8da9-e4434bdf6706.png

官方 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



24f140be-f217-eb11-8da9-e4434bdf6706.png

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


地址:


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


Vue.js 工具

20.Vue-cli



26f140be-f217-eb11-8da9-e4434bdf6706.png

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


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


21.Vue-devtools(v 4.0)



29f140be-f217-eb11-8da9-e4434bdf6706.png

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


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


22.Vue-native-core



2bf140be-f217-eb11-8da9-e4434bdf6706.png

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



2ef140be-f217-eb11-8da9-e4434bdf6706.png

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


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


27.Vue-wait



2ff140be-f217-eb11-8da9-e4434bdf6706.png

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



31f140be-f217-eb11-8da9-e4434bdf6706.png

使用 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





推荐阅读
  • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
    一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • golang常用库:配置文件解析库/管理工具viper使用
    golang常用库:配置文件解析库管理工具-viper使用-一、viper简介viper配置管理解析库,是由大神SteveFrancia开发,他在google领导着golang的 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 深入理解Java中的volatile、内存屏障与CPU指令
    本文详细探讨了Java中volatile关键字的作用机制,以及其与内存屏障和CPU指令之间的关系。通过具体示例和专业解析,帮助读者更好地理解多线程编程中的同步问题。 ... [详细]
  • 深入理解C++中的KMP算法:高效字符串匹配的利器
    本文详细介绍C++中实现KMP算法的方法,探讨其在字符串匹配问题上的优势。通过对比暴力匹配(BF)算法,展示KMP算法如何利用前缀表优化匹配过程,显著提升效率。 ... [详细]
  • 作为一名新手,您可能会在初次尝试使用Eclipse进行Struts开发时遇到一些挑战。本文将为您提供详细的指导和解决方案,帮助您克服常见的配置和操作难题。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
author-avatar
费小小微博_372
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有