Vue 生态圈

🌙
手机阅读
本文目录结构

生态圈

Vue.js 是一款极简的 mvvm 框架,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用。为什么这么说,因为 Vue.js 通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js 却一直受到一定程度的关注,而其本身也在高速发展中,不论是生态、社区、资源、插件等等都在日趋壮大。它的性能也变得越来越稳定,很多初创公司和中小型企业终于意识到了 Vue 的强大威力和巨大价值,同时,Vue 也开始走向大型企业。

注:该篇文章目前还没有整理好

应用

框架

React_Package_Name 描述 Star Fork
vue 一个用以创建用户接口的直观、快速、简洁的 MVVM 框架 152005 22634
vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用 30658 10202
vuex Vuex 是一个专门为 Vue.js 应用所设计的集中式状态管理架构。它借鉴了 Flux 和 Redux 的设计思想,但简化了概念,并且采用了一种为能更好发挥 Vue.js 数据响应机制而专门设计的实现 22092 7305
mpvue 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系 18950 1949
quasar 基于 VueJs 2 用相同的代码构建响应式网站和混合移动端 APP 12593 1292
Vue-Access-Control 一套基于 Vue/Vue-Router/axios 实现的前端用户权限控制解决方案 962 202
vue-lazy-image-loading 一款延迟加载图片的 Vue 插件 331 10
vue-ins-progress-bar 一款 ins 风格的 vue 进度条组件 267 22
vue-spinner-component 一个圆形加载效果 Vue 组件 1 0

模块加载

React_Package_Name 描述 Star Fork
vue-loader Vue.js 组件的 Webpack loader 4006 722

实用工具

React_Package_Name 描述 Star Fork
vue-router Vue.js 的官方路由 15030 4057
best-resume-ever 基于 Vue 和 LESS 创建快速、简洁的包含多个模板的简历 12708 1702
vue-resource Vue.js 的 HTTP 客户端 9606 1643
vue-grid-layout 一个可拖拽和缩放的 Vue.js 表格布局 3048 558
vuera 无缝集成 React 和 Vue,实现在 React 中使用 Vue 组件,Vue 中使用 React 组件 2584 119
v-calendar 一个轻量级零依赖的 Vue.js 日期选择组件 1573 162
vue-good-table 一个简洁的 Vue.js 数据表格组件,具有排序、过滤、分页等功能 1159 237
vue2-datatable 最好用的 Vue.js 2.x 数据表格组件 781 203
v-distpicker 一个灵活的,高可用的 vue 省市区选择插件 788 188
vuetron 一个可以帮助你的 Vue.js 項目测试及侦错的工具,也同時支持 Vuex 及 Vue-Router 486 18

开发助手

React_Package_Name 描述 Star Fork
vue-cli Vue.js 简单的脚手架命令行工具 23336 4164

界面 / 组件

框架

React_Package_Name 描述 Star Fork
element 饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目 42160 9259
iview 一套基于 Vue.js 的高质量 UI 组件库 22735 4118
vuetify 一个为 Vue JS 2.0 打造的 Material 风格的组件库 22442 3098
vue-material 为 Vue.js 打造的 Material 风格的组件 8350 1026
cube-ui 滴滴团队开发的一套基于 Vue.js 实现的精致移动端组件库 7325 1251
buefy 基于 Bulma 的 Vue.js 轻量级 UI 组件库 6572 684
vue-strap 基于 Vue.js 的 Bootstrap 组件 4840 1011
vue-storefront Vue.js Storefront - 将 PWA 集成到电子商务的框架,支持离线访问 5732 1198
vue-beauty 基于 ant design 的漂亮的 vue 组件库 2009 247
at-ui 一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站产品 2081 207
vue-blu 基于 Vue.js(2.x) 和 Bulma 的 UI 组件库 1540 225
heyui 一套基于 Vue2.0 的开源 UI 组件库,主要服务于一些中后台产品 1883 193
ui Vue 官方应用的 UI 组件库 1053 65
radon-ui 一个帮助你快速开发产品的 Vue 组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼 894 130
atui 阿里推出的一个基于 Vue.js 2.0 的 UI 组件库 678 68

实用工具

React_Package_Name 描述 Star Fork
Vueg—-page-transition-plugin 为 webApp 提供转场特效的开源 Vue 插件 920 135
vue-dragging 一个列表排序的 vue 指令 560 116
vddl 利用 HTML5 的拖拽 API 实现修改列表的 Vue 组件 385 66
vue-windows 用于创建自定义浏览器窗口效果的 Vue 组件 118 12

字体图标

React_Package_Name 描述 Star Fork
vue-svg-icon 一个 vue2.0 的可变彩色 svg 图标方案 523 79
vue-feather-icons 简单漂亮的开源 Vue SVG 图标库 267 11

动画

React_Package_Name 描述 Star Fork
vue-lottie 基于 Bodymovin 的 Vue 动画效果库 772 150
vue-touch-ripple Vue 点击元素泛起的涟漪效果 366 44

通知提示

React_Package_Name 描述 Star Fork
sweet-modal-vue 支持 Vue.js 的漂亮模态框组件 595 76
vue-msgbox 一个类似 Sweet Alert 的 Vue 弹框提示组件 235 82

菜单导航

React_Package_Name 描述 Star Fork
vue-jstree Vue2.0+ 的树形结构插件 348 114
v-contextmenu 基于 Vue 2.0 的右键弹出( 上下文)菜单组件 369 63
vue-bloom-menu 基于 Vue 的弧形菜单弹出组件 199 56
vuejs-tree 高度可配置的急速的 Vue 树形视图 159 24

页面布局

React_Package_Name 描述 Star Fork
statusfy 一款优秀的状态管理页面 1355 84
vue-content-placeholders 在网页内容加载完成之前渲染占位布局的 Vue 组件 1098 65
vue-drawer-layout 一个简单的基于 Vue.js 的 DrawerLayout(类似 Android 的 DrawerLayout)布局组件 321 70

加载进度

React_Package_Name 描述 Star Fork
vue-lazyload 用于图片延迟加载的 Vue 模块 5615 702
epic-spinners 一系列使用方便的 CSS 加载效果集合组件 3073 269
vue-content-loader 创建内容加载占位符的 SVG Vue 组件 1941 94
vue-spinner 一个 vue 的 loading 加载效果组件 1539 143
vue-wait 复杂的 Vue/Vuex 应用加载管理器 1521 78

滚动视差

React_Package_Name 描述 Star Fork
vue-virtual-scroller 实现任意数量的数据平滑滚动的 Vue 组件 3247 260
vue-fullpage.js fullPage.js 作者开发的针对 Vue.js 的官方 fullPage.js 包装库 1178 162
vue-seamless-scroll Vue.js 无缝滚动组件 661 159
vue-scrollactive 一个轻量级、易用的,滚动页面高亮菜单的 Vue 组件 304 44

控制面板

React_Package_Name 描述 Star Fork
vue-element-admin 又一个 vue2.0 控制面板 UI 框架 44718 15133
iview-admin 基于 iView 的 Vue 2.0 控制面板 13677 4169
vue-admin 一个 Vue 后台控制面板 9424 1695
vuestic-admin 一套漂亮的 Vue.js 控制面板 6629 985
vue-admin 基于 Vue.js 2 和 Element 的控制面板 6018 2641
d2-admin 基于 vue.js 和 ElementUI 的管理系统前端解决方案 7173 1330
coreui-free-vue-admin-template 基于 Bootstrap 4 的 Vue 控制面板框架 2024 536
sls-admin-vue 一个基于 vue2 实现的功能强大的自动化后台框架基础模板 943 293
Vue-Admin 基于 Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts 的后台管理系统 980 330
avue 一个类似 EasyUI 的 Vue 后台管理面板方案 997 220
dashboard 一个基于 vue.js 的控制面板脚手架 398 99

表单

富文本编辑器

React_Package_Name 描述 Star Fork
vue-quill-editor 为 Vue2 封装的 Quill 富文本编辑器组件 4770 770
vue2-editor 基于 Quill 的 Vue.js 2.0 富文本编辑器组件 1700 228
smeditor ✎ 基于 Vue.js 2.0+ 石墨文档样式的富文本编辑器 266 38
vue-mdEditor 基于 VUE 的 markdown 文本编辑器 419 95

文件上传

React_Package_Name 描述 Star Fork
vue-core-image-upload 一个用于图片剪切和上传的 vue 插件 1237 218
v-uploader 支持拖拽上传和多文件上传的 Vue2 上传组件 181 33

日期时间

React_Package_Name 描述 Star Fork
vue-datepicker 为 Vue.js 打造的 material design 风格的日期和日历选择组件 699 212
vue-datetime 移动端友好的 Vue 日期选择器组件 651 140
vue-hotel-datepicker Vue 日期区间选择器组件 560 160
vue2-calendar 为 vue 2.0 定制的日历组件,功能强大,支持多种形式的日期选择 456 79
vue-ctk-date-time-picker 一个 Vue 日期和时间选择器组件 394 98
v2-datepicker 一个简单的基于 Vue 2.x 的日期选择器组件 91 20
vue-draggableCal 零依赖、可拖动的响应式 Vue 日期选择器 60 17

表单验证

React_Package_Name 描述 Star Fork
vee-validate 简单的 Vue.js 表单验证插件 6702 825
vue-validator Vue.js 的表单验证组件 2230 453

表单美化

React_Package_Name 描述 Star Fork
vue-multiselect 一款为 Vue.js 打造的下拉组件,支持单选和多选和标签,支持 Ajax,支持服务端渲染 4790 684
VueStar 基于 Vue.js 的喜欢按钮,带有可爱的动画效果 734 100
vue-js-toggle-button 简单漂亮可定制的 Vue.js 2 toggle / switch button 组件 656 105
vue-img-inputer 基于 Vue2 的图片输入框,用于图片预览、拖拽、回填,主题可选,高度可定制 499 131
vue-tagsinput 一个简单的 Vue.js 2 标签自动输入组件 224 63
vue-highlightable-input 高亮输入文本段的 Vue 组件 136 16
effect-dropdown-vue 一个简单非常好看的 Vue.js 下拉效果组件 67 8
effect-input 优雅而绚丽的适用于 Vue 2.0 的 input 组件。极大提高交互效果和输入愉悦性。 65 6

实用工具

React_Package_Name 描述 Star Fork
vue-rate Vue 评分组件 172 21

自动完成

React_Package_Name 描述 Star Fork
vue-at At.js for Vue. 373 69

图像

轮播

React_Package_Name 描述 Star Fork
vue-awesome-swiper 针对 Vue.js(1.x ~ 2.x) 的 Swiper 组件 8317 1562
vue-easy-slider 一个 Vue.js 的轮播组件 270 52
vue-slide 一个针对 vue 的轻量级轮播组件 210 50
hooper ? 一个可配置的 Vue 轮播组件 340 54

灯箱

React_Package_Name 描述 Star Fork
vue-picture-preview 移动端 Vue.js 图片预览插件 172 55

图表可视化

React_Package_Name 描述 Star Fork
v-charts 基于 Vue2.0 和 ECharts 封装的图表组件 5122 773
vue-amap vue-amap - 基于 Vue2.0 和高德地图的地图组件 2350 439
vue-baidu-map Vue 2.x 的百度地图组件 1548 275
vue-charts ChartJs 的 Vue2.0 包装组件 363 86
vue-d3-network 基于 D3 的 Vue 网格图表库 296 73
vue-echarts ECharts 的 Vue.js 组件 官网 Github
vue-trend 采用Vue.js实现的简单,优雅spark图表 官网 Github
vue-echarts-v3 ECharts.js的Vue.js组件包装 官网 Github

多媒体

音频

React_Package_Name 描述 Star Fork
vue-aplayer 配置简便的 Vue 2.x 音乐播放器组件 813 146
vue-audio-recorder 一个简单的 Vue.js 录音器组件 247 50

视频

React_Package_Name 描述 Star Fork
vue-video 一个针对 Vue.js 的 HTML5 视频播放器组件 275 86
vue-videobg Vue.js 背景视频组件 213 24

移动端

框架

React_Package_Name 描述 Star Fork
weex 阿里推出的跨平台的移动端开发框架,具有轻量级、可扩展和高性能的特点 17565 2160
vux 基于 Vue 和 Weui 的移动端框架 16501 3761
mint-ui 基于 vue.js 的移动端 UI 框架 15149 3353
vant 有赞开发的基于 Vue.js 2.0 的 UI 组件库 11452 3848
muse-ui 基于 Vue 2.0 和 Material Desigin 的 UI 组件库 7790 895
vonic 基于 Vue.js 和 ionic 组件的 SPA UI 框架 3292 479
vue-ydui 一个基于 Vue2.x 的移动端组件库 2684 558
mand-mobile ? 面向金融场景的 Vue 移动端 UI 组件库,丰富、灵活、实用,快速搭建优质的金融类产品 2277 415
vum 为手机 webapp 打造的基于 Vue.js 构建的 UI 框架 1567 295
vue-carbon 基于 vue 开发的 material design ui 库 898 143

工具组件

React_Package_Name 描述 Star Fork
vue-touch Vue.js 的 Hammer.js 包装器 2470 355

Node.js

框架

React_Package_Name 描述 Star Fork
nuxt.js 一个为 Vue.js 应用实现服务端渲染的简约框架 23430 2039

内容管理系统

React_Package_Name 描述 Star Fork
gridsome 使用 Vue.js 和 GraphQL 构建超快的网站 4794 256
Tamiat 基于Vuejs和Firebase的CMS - Github
DoraCMS 基于 vue + Node.js 的内容管理系统 官网
vms 一个Vue.js开发内容管理系统 官网 Github
lin-cms-vue 一个用Vue实现的简单实用的CMS 官网 Github
vue-blog 使用vue2、koa2、mongodb搭建的单用户博客 官网 Github
vue-storefront 为电子商务打造的 PWA 官网 Github
VuePress 一款Vue 驱动的静态网站生成器 官网 Github
FEBS-Vue 前后端分离权限管理系统 官网 Github

文档生成

React_Package_Name 描述 Star Fork
vuepress Vue 官方推出的静态文档站点生成器 14654 2329
docsify 一个基于 Vue 的神奇的文档站点生成器 11607 2510
kokk 从 Markdown 文件中生成漂亮的文档,支持插入 Vue 组件 49 2

其它未归类

React_Package_Name 描述 Star Fork
Vapper 一个基于 Vue 的 SSR 框架 官网 Github
bootstrap-vue Vue.js 2的Twitter Bootstrap 4组件 官网 Github
Megalo 基于 Vue的小程序开发框架 - Github
moon 一个从Vue获得灵感的 UI 框架 官网 Github
vuesion 一个灵活,可扩展的PWA 官网 Github
vue-rx Vue.js的RxJS集成 - Github
vue-baidu-map Vue 2.x 的百度地图组件 官网 Github
vue-croppa 基于vue直观可定制的轻量级移动友好的图像裁剪器 官网 Github
vue-tinder 类似探探、陌陌左右滑动的vue组件 官网 Github
Vue.Draggable 基于 Sortable.js 进行同步的拖放排序Vue插件 官网 Github
tiptap Vue.js的富文本编辑器 官网 Github
vue-particles 拥有粒子背景的vue组件 官网 Github
vue-notification 基于Vue.js、用于显示通知库 官网 Github
vue-tap vue的tap手势插件 - Github
Vuescroll.js 一个自定义滚动条的插件适用于PC和移动端 官网 Github
vue-js-popover 用于下拉/弹出/工具提示的Vue插件 官网 Github
vue-lazyload vue中使用图片懒加载插件 官网 Github
vue-filepond 一个便利FilePond适配器Vue组件 官网 Github
vue-uploader 由simple-uploader.js提供支持的Vue.js上传组件 - Github
vue-tour 一款轻量级,简单且可定制的用户引导Vue.js插件 官网 Github
vue-good-table 简洁的 Vue.js 数据表格组件 官网 Github
vue-grid-layout 可拖拽和缩放的 Vue.js 瀑布流布局组件 官网 Github
vue-content-loader 创建内容加载占位符的 SVG Vue 组件 官网 Github
vue-cute-timeline 一个漂亮的Vue.js时间轴组件 官网 Github
vue2-animate vue的一些常用动画animate css来实现 官网 Github
vue-upload-component Vue.js 文件上传组件 - Github
vue-virtual-scroller 带任意数目数据的顺畅的滚动 官网 Github
vue-awesome-swiper 基于swiper、Vue.js 的 Swiper 组件 官网 Github
Vue2Editor 基于 Quill 的 Vue.js 2.0 富文本编辑器组件 官网 Github
vue-core-image-upload 图片剪切和上传的 vue 插件 官网 Github
v-distpicker 一个灵活的,高可用的 vue 省市区选择插件 官网 Github
vue-i18n Vue.js的国际化插件 官网 Github
eagle.js 基于 Vue.js 构建的幻灯片框架 官网 Github
vee-validate 一个轻量级的 vue表单验证插件 官网 Github
proppy.js UI组件的功能道具组合(React.js和Vue.js) 官网 Github

调试 / 测试

React_Package_Name 描述 Star Fork
DejaVue Vue.js的可视化Chrome开发工具 官网 Github
avoriaz 一个Vue.js测试工具类库 官网 Github
vuetron 一个 vue.js 的项目调试工具 官网 Github
vue-devtools 一款基于 chrome 和 firefox 浏览器的 vue 调试插件 - Github

移动端 UI 框架

React_Package_Name 描述 Star Fork
uni-app 使用 Vue.js开发跨平台应用的前端框架 官网 Github
mavonEditor 基于vue的markdown编辑器 官网 Github
vant 轻量、可靠的移动端 Vue 组件库 官网 Github
Atom-Design 一套易用、可定制的vue组件库 官网 Github
vue2-elm vue2 + vuex 构建一个具有 45 个页面的大型单页面应用 官网 Github
vux 基于WeUI和Vue开发的移动端UI组件库,主要服务于微信页面 官网 Github
mint-ui 基于 Vue.js 的移动端组件库 官网 Github
cube-ui 基于 Vue.js 实现的移动端组件库 官网 Github
mand-mobile 面向金融场景的Vue移动端UI组件库 官网 Github
Mand Mobile 面向金融场景的Vue移动端UI组件库 官网 Github
uni-simple-router 一个更为简洁的Vue-router,专为 uni-app 量身打造 官网 Github
vueg 为Vue应用添加页面间的转场特效 官网 Github
vue-ydui 一只基于Vue2.x的移动端&微信UI 官网 Github
vum 手机 webapp 打造的基于 Vue.js 构建的UI框架 官网 Github

Web UI 框架

React_Package_Name 描述 Star Fork
Element UI 一套基于 Vue 2.0 的桌面端组件库 官网 Github
Muse-UI 基于 Vue2.0 的 Material Design UI 库 官网 Github
Vue-Access-Control Vue权限管理解决方案 官网 Github
vue-multiselect Vue.js 打造的下拉组件 官网 Github
vue-design-system 一个用于基于 Vue.js 构建 UI 设计系统的开源工具 官网 Github
vue-blu 基于Vuejs和Bulma开发的开源UI组件库 官网 Github
vue-strap 基于 Vue.js 的 Bootstrap 组件 官网 Github
buefy Bulma 和 Vue.js 的轻量级UI组件 官网 Github
vue-beauty 基于 vue.js 和 ant-design样式 的PC端 UI库 官网 Github
Vuesax Vuejs 管理仪表板模板 官网 Github
ant-design-pro-vue 基于 Ant Design of Vue 实现的 Ant Design Pro 官网 Github
Adminify 基于Vuetify material的后台管理面板 官网 Github
vue-element-admin 一个后台前端解决方案 官网 Github
best-resume-ever 基于 Vue 和 LESS 的精美简历生成工具 官网 Github
vue-framework-wz vue后台管理框架 官网 Github
iView ui 一套基于 Vue.js 的高质量 UI 组件库 官网 Github
iView Admin 基于Vue.js,搭配使用iView UI组件库的后台UI 官网 Github
vuetify Material Component Framework for Vue.js 2 官网 Github
d2-admin 基于 vue.js 和 ElementUI 的管理系统前端解决方案 官网 Github
vue ui Vue 官方应用的 UI 组件库 官网 Github
Rubik UI 一个基于 Vue.js 2.0+ 的开源 UI 组件库,适用于 PC 端和 mobile 端 官网 Github
Atui 阿里通讯前端部推出的一个基于 Vue.js 2.0 的 UI 组件库 官网 Github
pearProject 一个基于Vue.js实现的项目管理系统 官网 Github
avue 基于vue和element-ui的快速开发框架 官网 Github
vuestic-admin 一个响应式的后台管理模板 官网 Github

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了