# Vue生态圈

# 相关开发文档

• vue中文官网

• VugelVugel is a WebGL runtime for Vue3

• Vue3.0 Composition API RFC

• [Vue CLI Plugin Electron Builder]开发文档(https://nklayman.github.io/vue-cli-plugin-electron-builder/)

# 组件库

# 移动端

• mint-ui

• nutui京东风格

• Vant有赞

• Vux个人全职维护开发的star量很高

# PC端

• Element

• bootstrap-vue

• Ant Design of Vue

• shoelace一个通用性组件库，vue，react，angular都可以使用，不同框架会有不同的引入和使用方式

• fast微软开源的Web Components组件库，可以和各大前端框架配合使用

# 服务端渲染

• NuxtJS

# 模板

• vue-element-admin成熟的后台管理模板（花裤衩大佬的开源项目）

• Vue-vben-adminant-design风格的管理后台模板(vue3+vite+ts)

• electron-vue使用 Vue-cli 脚手架、常用 Vue 插件、 electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack开发文档-中文

# 插件

• 单元测试vue-test-utils

• 防抖vue-debounce

• 通过transitions实现了很多现成的过渡动画vue2-transitions

• 用vue2.0和grid布局制作的，响应网格系统，具有顺利排序、拖放和重新排序功能vue-js-grid预览地址传送门

• vue实现的各种验证码

• 中国-省-市-县的distpicker

• 图片懒加载插件vue-lazyload

• 调起浏览器的打印面板，根据element的ID来打印或者保存成PDF的vue指令插件vue-print-nb

• Vue 2和3的基本 Vue 组合 API 应用程序集vueUse

• vuedraggablevue强大的拖拽插件

• vue拖拽缩放的插件vue-draggable-resizable

• veevalidate表单校验插件

• vxe-tablevue表格插件

• vue的裁剪图片插件vue-cropper

• vue消息插件vue-notification

• vue轮播图插件vue-awesome-swiper

• vue grid布局插件-可以用于可视化大屏vue-grid-layout

• 滚动布局全方面解决方案BetterScroll 2.0

• vue-clickaway检测点击方式的插件，可用于modal模态框等应用vue-clickaway

# vue相关知识文章

• vue技术解密黄轶大佬编写

• 在vue中使用lodash的工具函数在vue中使用lodash的debounce和throttle

• vue实现骨架屏传送门原理就是在id为#app的div中加入自定义的骨架样式，等全加载完了，自然会被虚拟dom中的dom替换掉

# 工具

• 通过拖拽的方式开发中后台系统传送门

• 开发跨平台的框架vue-nodegui