# Vue.js

```html
<!-- Production -->
<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
```

[vue.md](blog/vue.md)

[BootstrapVue](https://bootstrap-vue.org/): 一个用于 Vue.js 构建引导接口的开源库。

[Vuex](https://vuex.vuejs.org/) :Vue.js 应用程序的状态管理库。

[Vue Devtools](https://devtools.vuejs.org/) 一个调试 Vue.js 项目的简单工具。

[Vue CLI](https://cli.vuejs.org/) Vue.js 开发人员更简单的标准工具。

[Vue Router](https://router.vuejs.org/) 直观而强大的语法定义静态和动态路由。


[Nuxt](https://nuxtjs.org/) 一个开源框架，使Web开发变得简单而强大。

[Vue Element Admin](https://github.com/PanJiaChen/vue-element-admin) 帮助构建具有管理网站所需的许多功能的简单管理界面。

[Vue Apollo](https://vue-apollo.netlify.app/) 它可以帮助我们的 Vue.js 项目设置 GraphQL 变得更容易。

### UI库

[vue3.js](https://staging-cn.vuejs.org/) | [vue2.js](https://cn.vuejs.org/v2/guide/): 渐进式 JavaScript 框架

- [element-ui](https://element.eleme.cn/#/zh-CN/component/installation): 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
- [vColorPicker](http://vue-color-picker.rxshc.com/): 基于 Vue 的颜色选择器插件
- [vuedraggable](https://www.npmjs.com/package/vuedraggable)
- [Vuetify](https://vuetifyjs.com/zh-Hans/) 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。
- [arco-design](https://arco.design/)字节跳动出品的企业级UI库（Vue.js3）
- [ant-design-vue](https://2x.antdv.com/docs/vue/getting-started-cn) 企业级应用的最佳 UI 实践
- [heyui](https://www.heyui.top/) | [github](https://github.com/heyui/heyui): 一个基于Vue.js的高质量UI组件库


[Vuetifyjs](https://vuetifyjs.com/zh-Hans/) 帮助构建 Vue.js 的 Material Design 接口的开源库。

[Element UI](https://element.eleme.io/#/en-US) 用于Vue项目界面开发的UI库。

[arco.design](https://arco.design/vue/docs/start) 字节跳动出品的企业级设计系统

[ant-design-vue](https://antdv.com/components/overview-cn): 为 Web 应用提供了丰富的基础 UI 组件。

 - github: [ant-design-vue](https://github.com/vueComponent/ant-design-vue)

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

[Language Vue](https://atom.io/packages/language-vue) 支持 Atom 的 Vue.js 开发的实用程序。

[VuePress](https://v2.vuepress.vuejs.org/) VuePress 是一个以降价为中心的静态站点生成器。

[Vue.js Guide](https://vuejs.org/guide/introduction.html) Vue.js 开发人员最完整、最详细的指南。

[Vue Select](https://vue-select.org/) 帮助我们构建具有对 Vue.js 开发人员有用的功能的组件。

[Vueuse](https://vueuse.org/) Vue 2 和 Vue 3 组件的必要实用程序集合。

[VeeValidate](https://vee-validate.logaretm.com/v4/) Vue.js 中的表单验证工具。

[Vant](https://vant-contrib.gitee.io/vant/#/en-US) 移动 UI 的界面构建器库。

[Vue Native](https://vue-native.io/) 帮助构建跨平台原生移动应用的 JavaScript 框架。

[Vue-meta](https://vue-meta.nuxtjs.org/) Vue.js 项目的 Cmeta 标签管理器。

[Vue I18n](https://kazupon.github.io/vue-i18n/) 插件有助于为项目添加国际功能。

[Vue Infinite Loading](https://peachscript.github.io/vue-infinite-loading/) 为网站创建无限滚动功能。

[Gridsome](https://gridsome.org/) 该工具可以快速轻松地构建静态网站和应用程序。

[Vite](https://vitejs.dev/) Vite 是一个构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

[Vue-multiselect](https://vue-multiselect.js.org/) 帮助为网站构建多选功能的开源库。

[Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) 用于在 VSCode 中更好地进行 Vue.js 开发和调试的扩展。

[Vue.js Examples](https://vuejsexamples.com/) Vue.js 接口开发中的示例集合。

[Surely Vue](https://www.surely.cool/) 高性能组件 构建更快的网站 & 更快的构建网站

[PortalVue](https://portal-vue.linusb.org/) A Vue component to render your component's template anywhere in the DOM.

## 文章

[分享 27 个面向开发人员的最佳 Vue.js 开发工具](https://mp.weixin.qq.com/s/L7aeQ-VrPvjLoqVas8XZ_g)


# Vue3

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

来源:[https://gitee.com/jishupang/47vueShare](https://gitee.com/jishupang/47vueShare)

## 1.Web UI库

1. [ElementUI Plus](https://element-plus.org/zh-CN/) 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

2. [Ant Design of Vue](https://www.antdv.com/docs/vue/introduce-cn) Ant Design 的 Vue 实现，开发和服务于企业级后台产品

3. [BalmUI](https://next-material.balmjs.com/) 基于谷歌的 Material Design，附带 Vue 插件和指令，以及从简单到复杂的高度可定制组件

4. [Naive UI](https://www.naiveui.com/zh-CN/os-theme) 图森Vue3的组件库，文档完整，我项目中经常使用

5. [arco.design](https://arco.design/) 字节跳动企业级产品设计系统，支持React和Vue双版本

6. [Quasar](https://quasar.dev/) 轻松构建高性能和高质量的Vue.js 3用户界面，好用，但没有中文文档

7. [iDUX](https://idux.site/) Vue3.x 的 UI 组件库，完全使用 TypeScript 开发

8. [TDesign](https://tdesign.tencent.com/) | [vue-next](https://tdesign.tencent.com/vue-next/overview) 腾讯业务团队在服务业务过程中沉淀的一套企业级设计体系

9. [PrimeVue](https://www.primefaces.org/primevue/) 易于使用、多功能、高性能的 Vue UI 组件库

10. [DevUI](https://vue-devui.github.io/) 华为基于 Vue3 和 DevUI 设计的 UI 组件

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

12. [Headless UI](https://headlessui.com/) 完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。

13. [View UI Plus](https://www.iviewui.com/) 基于 Vue.js 3 的企业级 UI 组件库和前端解决方案

## 2.移动UI库

14. [Vant](https://vant-contrib.gitee.io/vant/#/zh-CN) 有赞轻量、可靠的移动端组件库

15. [NutUI](https://nutui.jd.com/#/) 京东风格的轻量级移动端 Vue 组件库，非常适合移动端电商使用。

16. [Varlet](https://varlet.gitee.io/varlet-ui/#/zh-CN/home) Material 风格移动端组件库 ，文档非常齐全。

17. [nutui-bingo](https://nutui.jd.com/bingo/#/) 京东基于 NutUI 的抽奖组件库，助力营销活动和小游戏场景。

## 3.相关工具

18. [unplugin-vue-components](https://www.npmjs.com/package/unplugin-vue-components) antfu 按需组件自动导入，开箱即用地支持 Vue 2 和 Vue 3，Tree-shakable，只注册你使用的组件，附有流行UI 库的内置解析器。

19. [vuex-persistedstate](https://github.com/robinvdvleuten/vuex-persistedstate) 在页面重新加载之间保持并重载您的 Vuex 状态

20. [vuex-persist](https://championswimmer.in/vuex-persist/) 支持 Typescript 的Vuex插件，它能够将应用程序的状态保存到持久存储中，例如 Cookies 或 localStorage

21. [@vueuse/gesture](https://gesture.vueuse.org/) 手势库，使应用程序具有交互性

22. [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) antfu 自动导入 Vite、Webpack、Rollup 和 esbuild 的 API。支持 TypeScript。

23. [pinia-plugin-persistedstate](https://github.com/prazdevs/pinia-plugin-persistedstate) Pinia 商店的可配置持久性

24. [vue-termui](https://vue-termui.dev/) 一个基于 Vue.js 的终端 UI 框架，可让您轻松构建现代终端应用程序

## 4.可视化

25. [Pdfvuer](https://arkokoley.github.io/pdfvuer/) DF 查看器，使用 Mozilla 的 PDF.js，支持 Vue2 和 Vue3

26. [vue3-marquee](https://vue3-marquee.vercel.app/) 无缝滚动组件

27. [Vue-ECharts](https://vue-echarts.dev/) 百度ECharts 的 Vue.js 组件。 配置参考Echarts官方 基于 ECharts v5+ 开发，适用于Vue.js 2/3。

28. [iconpark](https://iconpark.oceanengine.com/home) 字节跳动出品，将一个SVG图标转化为多个主题，并生成React图标，Vue图标，svg图标

## 5.插件

29. [vue-multiselect-next](https://vue-multiselect.js.org/) Vue.js 的通用选择/多选/标记组件

30. [vue-print-nb](https://github.com/Power-kxLee/vue-print-nb) 用于印刷、简单、快速、方便、轻便的指令包装器

31. [vue-i18n-next](https://vue-i18n.intlify.dev/) Vue3的国际化插件

32. [vue-cropper](http://github.xyxiao.cn/vue-cropper/example/) 简单的vue图片裁剪插件

33. [Vue Grid Layout](https://jbaysolutions.github.io/) Vue.js 的网格布局系统

34. [Vue Qrcode Reader](https://gruhn.github.io/vue-qrcode-reader/) 允许在不离开浏览器的情况下检测和解码二维码

35. [Makeit Captcha](https://admin.makeit.vip/components/captcha) 基于 Vue3 + Vite + Canvas 开发的滑块验证码，动态生成验证滑块，结合后端的二次校验，能有效的避免被抓取模拟验证

36. [vue3-clipboard](https://github.com/soerenmartius/vue3-clipboard) Vue 3 的 clipboard.js

37. [vue.draggable](https://sortablejs.github.io/vue.draggable.next/#/simple) 基于Sortable.js的Vue 3拖放组件

38. [BetterScroll](https://better-scroll.github.io/docs/zh-CN/) 解决移动端（已支持 PC）各种滚动场景需求的插件。

## 6.相关生态

39. [Vue 插件库](https://www.vue365.cn/)

40. [Pinia](https://pinia.vuejs.org/) 轻量级状态管理库，API 设计更接近Vuex 5的提案

41. [Nuxt Modules](https://modules.nuxtjs.org/) Nuxt 发现我们的模块列表以增强您的Nuxt 项目

42. [Nuxt 3](https://v3.nuxtjs.org/) 轻量级应用框架,可用来创建服务端渲染 (SSR) 应用

43. [vuepress](https://v2.vuepress.vuejs.org/zh/) Vue 驱动的静态网站生成器

44. [VueUse](https://vueuse.org/) 强大的 Vue 组合实用程序集合

## 7.动画

45. [vue-starport](https://vue-starport.netlify.app/) 带有动画的跨路由共享组件

46. [@vueuse/motion](https://motion.vueuse.org/) Vue Composables 让你的组件动起来

## 8.音视频

47. [@vueuse/sound](https://sound.vueuse.org/) 用于播放音效的 Vue 组合



