【前端】Vue.js经典开源项目集中

Vue.js经典开源项目集中

原文链接:http://www.cnblogs.com/huyong/p/6517949.html

  Vue是什么?

  Vue.js(读音 /vjuː/, 类似于 view)
是平法构建用户界面的
渐进式框架。与另外重量级框架不同之是,Vue 采用自底向上增量开发的宏图。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其他库或者已经起项目结合。另一方面,Vue 完全有力量让下单文件组件和 Vue 生态系统支持之堆栈开发之错综复杂单页应用。

图片 1

 

  Vue.js 的靶子是通过尽可能简单的 API 实现响应的数目绑定和组合的视图组件。

  易用(已经会了HTML,CSS,JavaScript 即可轻松上手)、灵活(简单小巧的基本,渐进式技术栈,足以应付任何规模之使用)、性能(17kb
min+gzip 运行大小、超快虚拟DOM、最简便的优化)、渐进式JavaScript 框架。

  Vue.js 是本身以2014年2月开源之一个前端开发库,通过精简的 API 提供快速之数绑定和活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上曾闹抢6000+的star。

  Vue相关网站参考:

  Vue中文帮助网站:http://cn.vuejs.org/

  Vue
github开源地址:https://github.com/vuejs/vue

  Vue.js专业汉语社区:http://www.vue-js.com/

  前端开发Vue相关:http://www.opendigg.com/tags/front-vue 

  本文开源地址:https://github.com/yonghu86/awesome-github-vue

  本文主要是采访及整治Vue相关的开源资料,以供应需要的朋友参考。主要涵盖以下几者的始末:

  UI组件、开发框架、实用库、服务端、辅助工具、应用实例、Demo示例

UI组件

  • element ★9305
    – 饿了也出品的Vue2的web UI工具套件
  • Vux ★6802
    – 基于Vue和WeUI的组件库
  • mint-ui ★4776 –
    Vue 2的移动UI元素
  • iview ★4458
    – 基于 Vuejs 的开源 UI 组件库
  • Keen-UI ★2363
    – 轻量级的基本UI组件合集
  • vue-material ★2207
    – 通过Vue Material和Vue 2建立好之app应用
  • muse-ui ★1992
    – 三端样式一样的响应式 UI 库
  • vuetify ★1678
    – 为移动如果深的Vue JS 2组件框架
  • vonic ★1494
    – 快速构建移动端单页应用
  • eme ★1390
    – 优雅的Markdown编辑器
  • vue-multiselect ★1166 –
    Vue.js选择框解决方案
  • vue-table ★824
    – 简化数据表格
  • VueCircleMenu ★776
    – 漂亮的vue圆环菜单
  • vue-chat ★748 –
    vuejs和vuex及webpack的闲聊示例
  • radon-ui ★633
    – 快速支付产品的Vue组件库
  • vue-waterfall ★605 –
    Vue.js的瀑布布局组件
  • vue-carbon ★595
    – 基于 vue 开发MD风格的移动端
  • vue-beauty ★569
    – 由vue和ant design创建的优美UI组件
  • vue-blu ★557
    – 帮助您轻松创建web应用
  • vueAdmin ★556
    – 基于vuejs2和element的简易的管理员模板
  • vue-syntax-highlight ★551 –
    Sublime Text语法高亮
  • vue-infinite-scroll ★524 –
    VueJS的太滚动指令
  • Vue.Draggable ★493
    – 实现拖放和视图模型数组同步
  • vue-awesome-swiper ★476 –
    vue.js触摸滑动组件
  • vue-calendar ★465
    – 日期选择插件
  • bootstrap-vue ★458
    – 应用于Vuejs2的Twitter的Bootstrap 4组件
  • vue-swipe ★361 –
    VueJS触摸滑块
  • vue-amap ★346
    – 基于Vue 2和高德地图的地形图组件
  • vue-chartjs ★333 –
    vue中的Chartjs的封装
  • vue-datepicker ★331
    – 日历与日期选择组件
  • markcook ★318
    – 好看的markdown编辑器
  • vue-google-maps ★287
    – 带有双向数据绑定Google地图组件
  • vue-progressbar ★248 –
    vue轻量级进度条
  • vue-picture-input ★236
    – 移动自己的图形文件输入组件
  • vue-infinite-loading ★224 –
    VueJS的顶滚动插件
  • vue-upload-component ★204 –
    Vuejs文件上传组件
  • vue-datetime-picker ★197
    – 日期时选择控件
  • vue-scroller ★196 –
    Vonic UI的功能性组件
  • vue2-calendar ★181
    – 支持lunar和日期事件的日期选择器
  • vue-video-player ★178 –
    VueJS视频及直播播放器
  • vue-fullcalendar ★176
    – 基于vue.js的全日历组件
  • rubik ★170
    – 基于Vuejs2的开源 UI 组件库
  • VueStar ★169
    – 带点儿动画的vue点赞按钮
  • vue-mugen-scroll ★167
    – 无限滚动组件
  • mint-loadmore ★167 –
    VueJS的双向下拉刷新组件
  • vue-tables-2 ★162
    – 显示数据的bootstrap样式网格
  • vue-virtual-scroller ★158
    – 带任意数目多少的顺利的滚
  • DataVisualization ★149
    – 数据可视化
  • vue-quill-editor ★149
    – 基于Quill适用于Vue2的财大气粗文本编辑器
  • Vueditor ★138
    – 所呈现就所得之编辑器
  • vue-html5-editor ★132 –
    html5所显现即所得编辑器
  • vue-msgbox ★127 –
    vuejs的消息框
  • vue-slider ★126 –
    vue 滑动组件
  • vue-core-image-upload ★124
    – 轻量级的vue上传插件
  • vue-slide ★121 –
    vue轻量级滑动组件
  • vue-lazyload-img ★118
    – 移动优化的vue图片懒加载插件
  • vue-drag-and-drop-list ★114
    – 创建排序列表的Vue指令
  • vue-progressive-image ★107 –
    Vue的渐进图像加载插件
  • vuwe ★107
    – 基于微信WeUI所开发的专用于Vue2的组件库
  • vue-dropzone ★105
    – 用于文书上传的Vue组件
  • vue-charts ★101
    – 轻松渲染一个图
  • vue-swiper ★95
    – 易于使的滑块组件
  • vue-images ★93
    – 显示平组图片的lightbox组件
  • vue-carousel-3d ★91 –
    VueJS的3D轮播组件
  • vue-region-picker ★89
    – 选择中国底省份市和地区
  • vue-typer ★89
    – 模拟用户输入选择以及去文本的Vue组件
  • vue-impression ★88
    – 移动Vuejs2 UI元素
  • vue-datatable ★87
    – 使用Vuejs创建的DataTableView
  • vue-instant ★86
    – 轻松创建机关唤醒的自定义搜索控件
  • vue-dragging ★86
    – 使元素得以拖拽
  • vue-slider-component ★85
    – 在vue1和vue2中采取滑块
  • vue2-loading-bar ★76
    – 最简便的仿Youtube加载条视图
  • vue-datepicker ★75
    – 漂亮的Vue日期选择器组件
  • vue-video ★70 –
    Vue.js的HTML5观望频播放器
  • vue-toast-mobile ★68 –
    VueJS的toast插件
  • vue-image-crop-upload ★67 –
    vue图片剪裁上传组件
  • vue-tooltip ★66
    – 带绑定信息提示的唤醒工具
  • vue-highcharts ★66 –
    HighCharts组件
  • vue-touch-ripple ★62 –
    vuejs的触摸ripple组件
  • coffeebreak ★61
    – 实时编辑CSS组件工具
  • vue-datasource ★60
    – 创建VueJS动态表格
  • vue2-timepicker ★60
    – 下拉时间选择器
  • vue-date-picker ★59 –
    VueJS日期选择器组件
  • vue-scrollbar ★58
    – 最简便易行的轮转区域组件
  • vue-quill ★56 –
    vue组件构建quill编辑器
  • vue-google-signin-button ★55
    – 导入谷歌登录按钮
  • vue-svgicon ★53
    – 创建svg图标组件的工具
  • vue-float-label ★49 –
    VueJS浮动标签模式
  • vue-baidu-map ★46
    – 基于 Vue 2的百度地图组件库
  • vue-social-sharing ★45
    – 社交分享组件
  • vue2-editor ★44 –
    HTML编辑器
  • vue-tagsinput ★41
    – 基于VueJS的价签组件
  • vue-easy-slider ★41 –
    Vue 2.x之滑块组件
  • datepicker ★38
    – 基于flatpickr的光阴选择组件
  • vue-chart ★37
    – 强大的速的vue图表解析
  • vue-music-master ★37 –
    vue手机端网页音乐播放器
  • handsontable ★35
    – 网页表格组件
  • vue-simplemde ★35 –
    VueJS的Markdown编辑器组件
  • vue-popup-mixin ★35
    – 用于管理弹出框的遮盖层
  • cubeex ★33
    – 包含一套完整的移动UI
  • vue-fullcalendar ★32 –
    vue FullCalendar封装
  • vue-material-design ★32 –
    Vue MD风格组件
  • vue-morris ★31 –
    Vuejs组件封装Morrisjs库
  • we-vue ★30 –
    Vue2跟weui1开发的组件
  • vue-image-clip ★29
    – 基于vue的图像剪辑组件
  • vue-bootstrap-table ★29
    – 可排序可摸的表
  • vue-radial-progress ★28 –
    Vue.js放射性进度条组件
  • vue-slick ★28
    – 实现通轮播框的vue组件
  • vue-pull-to-refresh ★27 –
    Vue2之上拉下拉
  • vue-form-2 ★26
    – 全面的HTML表单管理的缓解方案
  • vue-side-nav ★26
    – 响应式的侧边导航
  • mint-indicator ★26 –
    VueJS移动加载指示器插件
  • chartjs ★24 –
    Vue Bulma的chartjs组件
  • vue-scroll ★24 –
    vue滚动
  • vue-ripple ★24
    – 制作谷歌MD风格涟漪效应的Vue组件
  • vue-touch-keyboard ★22 –
    VueJS虚拟键盘组件
  • vue-chartkick ★22 –
    VueJS一行代码实现美丽图表
  • vue-ztree ★21
    – 用 vue 写的树层级组件
  • vue-m-carousel ★20 –
    vue 移动端轮播组件
  • vue-datepicker-simple ★20
    – 基于vue的日期选择器
  • vue-tabs ★20
    – 多tab页轻型框架
  • vue-verify-pop ★19
    – 带气泡提示的vue校验插件
  • vue-parallax ★15
    – 整洁的视觉效果
  • vue-img-loader ★14
    – 图片加载UI组件
  • vue-typewriter ★13 –
    vue组件类型
  • vue-smoothscroll ★12 –
    smoothscroll的VueJS版本
  • vue-city ★10
    – 城市选择器
  • vue-tree ★10 –
    vue树视图组件
  • vue-ios-alertview ★8 –
    iOS7+ 风格的alertview服务
  • dd-vue-component ★7
    – 订单来了之集体组件库
  • paco-ui-vue ★7 –
    PACOUI的vue组件
  • vue-cmap ★5 –
    Vue China map可视化组件
  • vue-button ★4 –
    Vue按钮组件 

开发框架

  • vue.js ★45466
    – 流行的轻量高效之前端组件化方案
  • vue-admin ★3222 –
    Vue管理面板框架
  • electron-vue ★1273 –
    Electron及VueJS快速启动样板
  • vue-2.0-boilerplate ★241 –
    Vue2单页应用则​
  • vue-spa-template ★223
    – 前后端分离后底单页应用开发
  • Framework7-Vue ★210 –
    VueJS与Framework7结合
  • vue-bulma ★132
    – 轻量级高性能MVVM Admin UI框架
  • vue-webgulp ★100
    – 仿VueJS Vue loader示例
  • vue-element-starter ★34 –
    vue启动页 

实用库

  • vuex ★5997
    – 专为 Vue.js 应用程序开发的状态管理模式
  • vuelidate ★750
    – 简单轻量级的因模块的Vue.js验证
  • qingcheng ★677 –
    qingcheng主题
  • vue-desktop ★461
    – 创建管理面板网站的UI库
  • vue-meta ★257
    – 管理app的meta信息
  • vue-axios ★209
    – 将axios整合到VueJS的封装
  • vue-svg-icon ★116 –
    vue2底不过转移花svg图标方案
  • avoriaz ★110 –
    VueJS测试实用工具库
  • vue-framework7 ★83
    – 结合VueJS使用的Framework7组件
  • vue-bootstrap-modal ★78 –
    vue的Bootstrap样式组件
  • vuep ★72
    – 用实时编辑和预览来渲染Vue组件
  • vue-online ★67 –
    reactive的在线与离线组件
  • vue-lazy-render ★66
    – 用于Vue组件的推渲染
  • vue-password-strength-meter ★65
    – 交互式密码强度计
  • element-admin ★57
    – 支持 vuecli 的 Element UI 的后台模板
  • vue-electron ★55
    – 将选的API封装到Vue对象被的插件
  • cleave ★55
    – 基于cleave.js的Cleave组件
  • vue-events ★54
    – 简化事件之VueJS插件
  • vue-shortkey ★53
    – 应用于Vue.js的Vue-ShortKey 插件
  • vue-cordova ★50 –
    Cordova的VueJS插件
  • vue-router-transition ★49
    – 页面过渡插件
  • vue-gesture ★48 –
    VueJS的手势事件插件
  • http-vue-loader ★46
    – 从html及js环境加载vue文件
  • vue-qart ★46
    – 用于qartjs的Vue2指令
  • vuemit ★44
    – 处理VueJS事件
  • vue-websocket ★42 –
    VueJS的Websocket插件
  • vue-local-storage ★41
    – 具有类型支持的Vuejs本地储存插件
  • lazy-vue ★41
    – 懒加载图片
  • vue-bus ★36 –
    VueJS的波总线
  • vue-reactive-storage ★35 –
    vue插件的Reactive层
  • vue-notifications ★32
    – 非阻塞通知库
  • vue-lazy-component ★32
    – 懒加载组件或者元素的Vue指令
  • v-media-query ★32 –
    vue中添加用于配合媒体询问的主意
  • vue-observe-visibility ★31
    – 当元素以页面上可见或躲藏时检测
  • vue-ts-loader ★29
    – 在Vue装载机检查脚本
  • vue-pagination-2 ★28
    – 简单通用的分页组件
  • vuex-i18n ★26
    – 定位插件
  • Vue.resize ★26
    – 检测HTML调整大小事件之vue指令
  • vuex-shared-mutations ★25
    – 分享某种Vuex mutations
  • vue-file-base64 ★16
    – 将文件转换为Base64的vue组件
  • modal ★15 –
    Vue Bulma的modal组件
  • Famous-Vue ★15 –
    Famous库的vue组件
  • leo-vue-validator ★13
    – 异步的表单验证组件
  • Vue-Easy-Validator ★11
    – 简单的表单验证
  • vue-truncate-filter ★9
    – 截断字符串的VueJS过滤器
  • vue-zoombox ★9
    – 一个高等zoombox
  • vue-input-autosize ★5
    – 基于内容自动调整文本输入的深浅
  • vue-lazyloadImg ★3
    – 图片懒加载插件 

服务端

  • nuxt.js ★2743
    – 用于服务器渲染Vue app的无限小化框架
  • express-vue ★137
    – 简单的使服务器端渲染vue.js
  • vue-ssr ★67
    – 非常简单的VueJS服务器端渲染模板
  • vue-ssr ★56
    – 结合Express使用Vue2服务端渲染
  • vue-easy-renderer ★22 –
    Nodejs服务端渲染 

辅助工具

  • DejaVue ★543 –
    Vuejs可视化及压力测试
  • vue-play ★445
    – 展示Vue组件的绝小化框架
  • vscode-VueHelper ★185
    – 目前vscode最好的vue代码提示插件
  • vue-generate-component ★39
    – 轻松生成Vue js组件的CLI工具
  • vue-multipage-cli ★33
    – 简单的多页CLI
  • VuejsStarterKit ★26 –
    vuejs starter套件 

运实例

  • koel ★7175
    – 基于网络的私有音频流媒体服务
  • pagekit ★4021
    – 轻量级的CMS建站系统
  • vuedo ★1040
    – 博客平台
  • jackblog-vue ★943
    – 个人博客系统
  • vue-cnode ★597
    – 重写vue版cnode社区
  • CMS-of-Blog ★405
    – 博客内容管理器
  • rss-reader ★326
    – 简单的rss阅读器
  • vue-ghpages-blog ★208
    – 依赖GitHub Pages无需当地转移的静态博客
  • swoole-vue-webim ★97 –
    Web版的拉扯应用
  • vue-dashing-js ★70 –
    nuvo-dashing-js的fork
  • fewords ★52
    – 功能最简单的笔记本
  • vue-blog ★33
    – 使用Vue2.0 和Vuex的vue-blog 

Demo示例

  • Vue-cnodejs ★2113
    – 基于vue重写Cnodejs.org的webapp
  • NeteaseCloudWebApp ★1154
    – 高仿网易云音乐的webapp
  • vue-zhihu-daily ★875
    – 知乎日报 with Vuejs
  • vue-wechat ★732 –
    vue.js开发微信app界面
  • vue2-demo ★699
    – 从零构建vue2 + vue-router + vuex 开发条件
  • eleme ★612
    – 高仿饿了么app商家详情
  • vue-demo ★575 –
    vue简易留言板
  • maizuo ★498 –
    vue/vuex/redux仿卖座网
  • spa-starter-kit ★489
    – 单页应用启动套件
  • vue-music ★485 –
    Vue 音乐搜索播放
  • douban ★402
    – 模仿豆瓣前端
  • vue-Meizi ★394 –
    vue最新实战型
  • zhihudaily-vue ★386
    – 知乎日报web版
  • vue-demo-kugou ★310 –
    vuejs仿写酷狗音乐webapp
  • VueDemo_Sell_Eleme ★307 –
    Vue2赛仿饿了也外出售平台
  • vue2.0-taopiaopiao ★246 –
    vue2.0暨express构建淘票票页面
  • vue-leancloud-blog ★239
    – 一个左右端了分离的单页应用
  • node-vue-server-webpack ★239 –
    Node.js+Vue.js+webpack快速开框架
  • mi-by-vue ★222 –
    VueJS仿小米官网
  • vue-fis3 ★199
    – 流行开源工具集成demo
  • vue2.x-douban ★188 –
    Vue2实现简易豆瓣电影webApp
  • vue-demo-maizuo ★188
    – 使用Vue2全家桶仿制卖座电影
  • vue-zhihudaily ★169
    – 知乎日报 Web 版本
  • vue-adminLte-vue-router ★162 –
    vue和adminLte整合应用
  • vue-axios-github ★157
    – 登录拦截登出职能
  • Zhihu-Daily-Vue.js ★134 –
    Vuejs单页网页应用
  • hello-vue-django ★113
    – 使用带有Django的vuejs的旗帜项目
  • vue-cnode ★101 –
    vue单页应用demo
  • x-blog ★100
    – 开源之个人blog项目
  • vue-express-mongodb ★96
    – 简单的左右端分离案例
  • websocket_chat ★91
    – 基于vue和websocket的多人口在线聊天室
  • photoShare ★85
    – 基于图片分享的交际平台
  • vue-zhihudaily-2.0 ★81
    – 使用Vue2.0+vue-router+vuex创建的zhihudaily
  • notepad ★77
    – 本地存储的记事本
  • vueBlog ★75
    – 前后端分离博客
  • vue-ruby-china ★70 –
    VueJS框架搭建的rubychina平台
  • Zhihu_Daily ★70
    – 基于Vue和Nodejs的Web单页应用
  • vue-koa-demo ★60
    – 使用Vue2和Koa1的全栈demo
  • vue2.x-Cnode ★50
    – 基于vue全家桶的Cnode社区
  • life-app-vue ★49
    – 使用vue2完成差不多力量集聚到小webapp
  • github-explorer ★49
    – 寻找最好有意思之GitHub库
  • vue-trip ★48 –
    vue2举行的外出webapp
  • vue-ssr-boilerplate ★47
    – 精简版的ofvue-hackernews-2
  • vue-bushishiren ★45
    – 不是诗人应用
  • houtai ★44
    – 基于vue和Element的后台管理体系
  • ios7-vue ★38
    – 使用vue2.0 vue-router vuex模拟ios7
  • Framework7-VueJS ★38
    – 使用移动框架的言传身教
  • cnode-vue ★37
    – 基于vue和vue-router构建的cnodejs web网站SPA
  • vue-cli-multipage-bootstrap ★36
    – 将vue官方在线示例整合交零部件中
  • vue-cnode ★34
    – 用 Vue 做的 CNode 官网
  • HyaReader ★30
    – 移动自己之阅读器
  • zhihu-daily ★28
    – 轻松查看知乎日报内容
  • seeMusic ★27
    – 跨平台云音乐播放器
  • vue-cnode ★22
    – 使用cNode社区提供的接口
  • zhihu-daily-vue ★20
    – 知乎日报
  • sls-vuex2-demo ★20 –
    vuex2超市购物车demo
  • vue-dropload ★17
    – 用以测试下拉加载与简短路由于
  • vue-cnode-mobile ★17
    – 搭建cnode社区
  • Vuejs-SalePlatform ★17 –
    vuejs搭建之售平台demo
  • v-notes ★17
    – 简单美观的记事本
  • vue-starter ★16 –
    VueJs项目的大概启动页
  • vue-memo ★7
    – 之所以 vue写的记事本应用 

  style=”font-family: "Microsoft YaHei"”>作者:  style=”color: #3d81ee”>EricHu 

style=”font-family: "Microsoft YaHei"”>出处:http://www.cnblogs.com/huyong/ 

style=”font-family: "Microsoft YaHei"”>Email:406590790@qq.com 

style=”font-family: "Microsoft YaHei"”>QQ交流:406590790 

* style=”font-family: "Microsoft YaHei"”>框架官网:http://www.rdiframework.net/ *

** style=”font-family: "Microsoft YaHei"”>框架官网博客:http://blog.rdiframework.net/ **

*** style=”font-family: "Microsoft YaHei"”>框架其他博客:http://blog.csdn.net/chinahuyong ***

** style=”font-family: "Microsoft YaHei"”>http://www.cnblogs.com/huyong*** style=”font-family: "Microsoft YaHei"”>RDIFramework.NET,基于.NET的迅猛信息化系统开发、整合框架,给用户以及开发者最佳的.Net框架部署方案。 * style=”font-family: "Microsoft YaHei"”>关于作者:系统架构师、信息体系项目管理师、DBA。专注于微软平台型架构、管理及商号排忧解难方案,多年类开暨管理经验,曾反复团体并付出多只大型项目,在面向对象、面向服务与数据库领域发生必然之素养。现要从基于 RDIFramework.NET 框架的技术开发、咨询工作,主要服务让经济、医疗卫生、铁路、电信、物流、物联网、制造、零售等行业。 **

*** style=”font-family: "Microsoft YaHei"”>如有题目或者建议,请多赐教! ***

** style=”font-family: "Microsoft YaHei"”>本文版权归作者和CNBLOGS博客共有,欢迎转载,但未经作者同意要保留这个段子声明,且在篇章页面明显位置于来原文连接,如发问题,可以由此邮箱或QQ
联系自己,非常感谢。**

相关文章