Coding Tree

外观

Vue.js ​

vue.md

BootstrapVue: 一个用于 Vue.js 构建引导接口的开源库。

Vuex :Vue.js 应用程序的状态管理库。

Vue Devtools 一个调试 Vue.js 项目的简单工具。

Vue CLI Vue.js 开发人员更简单的标准工具。

Vue Router 直观而强大的语法定义静态和动态路由。

Nuxt 一个开源框架，使Web开发变得简单而强大。

Vue Apollo 它可以帮助我们的 Vue.js 项目设置 GraphQL 变得更容易。

UI库 ​

库名介绍链接
DataVVue 大屏数据展示组件库link
vue3.js渐进式JavaScript 框架vue3.js
vue2.js渐进式 JavaScript 框架vue2.js:
element-ui基于 Vue 2.0 的桌面端组件库element-ui
vColorPicker基于 Vue 的颜色选择器插件vColorPicker

Vuetifyjs 帮助构建 Vue.js 的 Material Design 接口的开源库。

Element UI 用于Vue项目界面开发的UI库。

arco.design 字节跳动出品的企业级设计系统

ant-design-vue: 为 Web 应用提供了丰富的基础 UI 组件。

Quasar Quasar 是一个开源的 Vue.js 框架，可帮助构建 SPA（单页应用）、SSR（服务器端渲染应用）、PWA（渐进式 Web 应用）。

Language Vue 支持 Atom 的 Vue.js 开发的实用程序。

VuePress VuePress 是一个以降价为中心的静态站点生成器。

Vue.js Guide Vue.js 开发人员最完整、最详细的指南。

Vue Select 帮助我们构建具有对 Vue.js 开发人员有用的功能的组件。

Vueuse Vue 2 和 Vue 3 组件的必要实用程序集合。

VeeValidate Vue.js 中的表单验证工具。

Vant 移动 UI 的界面构建器库。

Vue Native 帮助构建跨平台原生移动应用的 JavaScript 框架。

Vue-meta Vue.js 项目的 Cmeta 标签管理器。

Vue I18n 插件有助于为项目添加国际功能。

Vue Infinite Loading 为网站创建无限滚动功能。

Gridsome 该工具可以快速轻松地构建静态网站和应用程序。

Vite Vite 是一个构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

Vue-multiselect 帮助为网站构建多选功能的开源库。

Vetur 用于在 VSCode 中更好地进行 Vue.js 开发和调试的扩展。

Vue.js Examples Vue.js 接口开发中的示例集合。

Surely Vue 高性能组件 构建更快的网站 & 更快的构建网站

PortalVue A Vue component to render your component's template anywhere in the DOM.

文章 ​

分享 27 个面向开发人员的最佳 Vue.js 开发工具

Vue3 ​

UI库/相关工具/可视化/生态全分享

来源:https://gitee.com/jishupang/47vueShare

1.Web UI库 ​

  1. ElementUI Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

  2. Ant Design of Vue Ant Design 的 Vue 实现，开发和服务于企业级后台产品

  3. BalmUI 基于谷歌的 Material Design，附带 Vue 插件和指令，以及从简单到复杂的高度可定制组件

  4. Naive UI 图森Vue3的组件库，文档完整，我项目中经常使用

  5. arco.design 字节跳动企业级产品设计系统，支持React和Vue双版本

  6. Quasar 轻松构建高性能和高质量的Vue.js 3用户界面，好用，但没有中文文档

  7. iDUX Vue3.x 的 UI 组件库，完全使用 TypeScript 开发

  8. TDesign | vue-next 腾讯业务团队在服务业务过程中沉淀的一套企业级设计体系

  9. PrimeVue 易于使用、多功能、高性能的 Vue UI 组件库

  10. DevUI 华为基于 Vue3 和 DevUI 设计的 UI 组件

  11. vuestic-ui Vue 3 的免费和开源 UI 库 ,UI非常好看，并且有可用后台管理界面。

  12. Headless UI 完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。

  13. View UI Plus 基于 Vue.js 3 的企业级 UI 组件库和前端解决方案

2.移动UI库 ​

  1. Vant 有赞轻量、可靠的移动端组件库

  2. NutUI 京东风格的轻量级移动端 Vue 组件库，非常适合移动端电商使用。

  3. Varlet Material 风格移动端组件库 ，文档非常齐全。

  4. nutui-bingo 京东基于 NutUI 的抽奖组件库，助力营销活动和小游戏场景。

3.相关工具 ​

  1. unplugin-vue-components antfu 按需组件自动导入，开箱即用地支持 Vue 2 和 Vue 3，Tree-shakable，只注册你使用的组件，附有流行UI 库的内置解析器。

  2. vuex-persistedstate 在页面重新加载之间保持并重载您的 Vuex 状态

  3. vuex-persist 支持 Typescript 的Vuex插件，它能够将应用程序的状态保存到持久存储中，例如 Cookies 或 localStorage

  4. @vueuse/gesture 手势库，使应用程序具有交互性

  5. unplugin-auto-import antfu 自动导入 Vite、Webpack、Rollup 和 esbuild 的 API。支持 TypeScript。

  6. pinia-plugin-persistedstate Pinia 商店的可配置持久性

  7. vue-termui 一个基于 Vue.js 的终端 UI 框架，可让您轻松构建现代终端应用程序

4.可视化 ​

  1. Pdfvuer DF 查看器，使用 Mozilla 的 PDF.js，支持 Vue2 和 Vue3

  2. vue3-marquee 无缝滚动组件

  3. Vue-ECharts 百度ECharts 的 Vue.js 组件。 配置参考Echarts官方 基于 ECharts v5+ 开发，适用于Vue.js 2/3。

  4. iconpark 字节跳动出品，将一个SVG图标转化为多个主题，并生成React图标，Vue图标，svg图标

5.插件 ​

  1. vue-multiselect-next Vue.js 的通用选择/多选/标记组件

  2. vue-print-nb 用于印刷、简单、快速、方便、轻便的指令包装器

  3. vue-i18n-next Vue3的国际化插件

  4. vue-cropper 简单的vue图片裁剪插件

  5. Vue Grid Layout Vue.js 的网格布局系统

  6. Vue Qrcode Reader 允许在不离开浏览器的情况下检测和解码二维码

  7. Makeit Captcha 基于 Vue3 + Vite + Canvas 开发的滑块验证码，动态生成验证滑块，结合后端的二次校验，能有效的避免被抓取模拟验证

  8. vue3-clipboard Vue 3 的 clipboard.js

  9. vue.draggable 基于Sortable.js的Vue 3拖放组件

  10. BetterScroll 解决移动端（已支持 PC）各种滚动场景需求的插件。

6.相关生态 ​

  1. Vue 插件库

  2. Pinia 轻量级状态管理库，API 设计更接近Vuex 5的提案

  3. Nuxt Modules Nuxt 发现我们的模块列表以增强您的Nuxt 项目

  4. Nuxt 3 轻量级应用框架,可用来创建服务端渲染 (SSR) 应用

  5. vuepress Vue 驱动的静态网站生成器

  6. VueUse 强大的 Vue 组合实用程序集合

7.动画 ​

  1. vue-starport 带有动画的跨路由共享组件

  2. @vueuse/motion Vue Composables 让你的组件动起来

8.音视频 ​

  1. @vueuse/sound 用于播放音效的 Vue 组合

后台集成方案 ​

Vue Element Admin 帮助构建具有管理网站所需的许多功能的简单管理界面。

vue-element-plus-admin 一套基于vue3、element-plus、typescript4、vite3的后台集成方案

vue-admin-better vue3.x + element-plus

vue-pure-admin Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）