From 577402fd9cb3304d9cbc3b923919a931a3d57c9a Mon Sep 17 00:00:00 2001 From: pengshiyu <1940607002@qq.com> Date: Sun, 30 Oct 2022 10:52:11 +0800 Subject: [PATCH] fix --- doc/vue.md | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 120 insertions(+) diff --git a/doc/vue.md b/doc/vue.md index fcea188..8aa638e 100644 --- a/doc/vue.md +++ b/doc/vue.md @@ -88,3 +88,123 @@ ## 文章 [分享 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 组合 + + + -- GitLab