Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
檀越@新空间
Coding Tree
提交
577402fd
C
Coding Tree
项目概览
檀越@新空间
/
Coding Tree
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
Coding Tree
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
You need to sign in or sign up before continuing.
提交
577402fd
编写于
10月 30, 2022
作者:
彭世瑜
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix
上级
3011353a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
120 addition
and
0 deletion
+120
-0
doc/vue.md
doc/vue.md
+120
-0
未找到文件。
doc/vue.md
浏览文件 @
577402fd
...
...
@@ -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 组合
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录