├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── deploy-gh.sh ├── docs ├── .vitepress │ ├── config.js │ └── theme │ │ ├── index.js │ │ └── vars.css ├── compontents │ ├── introduction.md │ └── start.md ├── index.md ├── platform │ ├── common.md │ ├── electron.md │ ├── h5.md │ ├── introduction.md │ ├── like.md │ ├── manage.md │ ├── mobile │ │ ├── echart.md │ │ ├── form.md │ │ ├── img.md │ │ ├── include.md │ │ ├── md.md │ │ ├── project.md │ │ ├── scroll.md │ │ └── ui.md │ ├── mp.md │ ├── mp │ │ ├── project.md │ │ └── ui.md │ ├── start.md │ ├── study.md │ ├── toolmd │ │ ├── docs.md │ │ ├── introduction.md │ │ ├── tool.md │ │ └── vscode.md │ ├── vite.md │ └── web │ │ ├── animate.md │ │ ├── audio-video.md │ │ ├── charts.md │ │ ├── drag.md │ │ ├── editor.md │ │ ├── files.md │ │ ├── icons.md │ │ ├── img-bg.md │ │ ├── include.md │ │ ├── manage.md │ │ ├── map.md │ │ ├── markdown.md │ │ ├── others.md │ │ ├── ui.md │ │ └── upload.md └── public │ ├── favicon.ico │ └── logo.png ├── package.json ├── pnpm-lock.yaml └── yarn.lock /.gitattributes: -------------------------------------------------------------------------------- 1 | *.md linguist-language=vue 2 | *.html linguist-language=vue 3 | *.sh linguist-language=vue 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | dist 4 | .idea 5 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021-present, hu-snail 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## 一.介绍 2 | [vue3-resource](https://github.com/hu-snail/vue3-resource)专注于收集vue3相关资源，包含（web/移动/小程序/桌面/常用库/面试/文档&工具）等资源.持续更新中！！！ 3 | 如果这些资源对你有帮助，👏 欢迎star 支持下 4 | ## 二.特别说明 5 | 🌟 推荐的资源全部支持`vue3`，由于个人精力有限，可能会遗漏很多优秀的vue3开源资源或资源错误！还请您[点此主动推荐或修改建议](https://github.com/hu-snail/vue3-resource/issues/new)！！！十分感谢🙏。 6 | 可[点击在线预览](https://hu-snail.github.io/vue3-resource)查看详细资源， 站点部署在github，可能访问过慢，请耐心等待。 7 | 8 | ## 三.资源推荐 9 | 资源共分为`web端`、`移动端`、`Electron`、`小程序`、`文档&工具`、`常用库`、`学习&面试`、`收藏`等8个模块，每个模块都有细分，具体查看[站点](https://hu-snail.github.io/vue3-resource). 10 | 11 | - ### Web端 12 | 13 | - [UI库](https://hu-snail.github.io/vue3-resource/platform/web/ui.html)- 推荐主流UI资源，包含`element-plus`,`Ant Design Vue`等14个UI资源 14 | - [开箱即用中后台](https://hu-snail.github.io/vue3-resource/platform/web/manage.html) - github热门中后台开源项目 15 | - [富文本编辑器](https://hu-snail.github.io/vue3-resource/platform/web/editor.html) - 推荐常用的富文本组件，包含`WangEditor V5`、`Tinymce-vue`等4个富文本编辑器 16 | - [Markdown编辑器](https://hu-snail.github.io/vue3-resource/platform/web/markdown.html) - 推荐常用的markdown组件，包含`Vue-markdown-editor`、`Md-editor-v3`等3个markdown资源 17 | - [上传组件](https://hu-snail.github.io/vue3-resource/platform/web/upload.html) - 包含`Uppy`&`Vue-filepond` 18 | - [图片/背景组件](https://hu-snail.github.io/vue3-resource/platform/web/img&bg.html) - 包含图片`裁剪`、`预览`、`背景`、`轮播`、`懒加载` 19 | - [音频/视频组件](https://hu-snail.github.io/vue3-resource/platform/web/audio&video.html) - 推荐常用的音视频组件，包含`XGplayer`、`Vue3-video-play` 20 | - [图标库](https://hu-snail.github.io/vue3-resource/platform/web/icons.html) - 丰富的图标资源库，包含`Iconbox`、`IconPark`、`Boxicons`、`Unplugin-icons`等图标资源 21 | - [图表组件](https://hu-snail.github.io/vue3-resource/platform/web/charts.html) - 优质图表组件，包含`ECharts5`、`Vue-echarts`、`Vue-highcharts`等图表资源 22 | - [拖拽组件](https://hu-snail.github.io/vue3-resource/platform/web/drag.html) - 包含`Vue-drag-resize`、`Vue.draggable.next`等拖拽组件 23 | - [vue3项目配套资源](https://hu-snail.github.io/vue3-resource/platform/web/include.html) - 包含`构建工具vite & vue cli`、`vue3全家桶`、`Nprogress.js-进度条`、`Screenfull.js-全屏`、`Vue-i18n国际化方案` 24 | - [文件处理组件](https://hu-snail.github.io/vue3-resource/platform/web/files.html) - 包含`Html2canvas截图`、`PDFvuer-PDF查看器`、`vue3-simple-html2pdf自动导出pdf` 25 | - [动画库](https://hu-snail.github.io/vue3-resource/platform/web/animate.html) - 包含`Animate.css`、 `Wow.js`、`Scrollreveal.js`等常见动画资源 26 | - [地图资源](https://hu-snail.github.io/vue3-resource/platform/web/map.html) - vue3地图适配的组件较少，欢迎推荐 27 | - [其他组件](https://hu-snail.github.io/vue3-resource/platform/web/others.html) - 包含`Vue-qrcode- 二维码`、`Vue-typical 动画输入`、`Vue3-clipboard- 剪贴板`、`Iscroll- 平滑滚动插件` 28 | 29 | - ### 移动端 30 | - [UI库](https://hu-snail.github.io/vue3-resource/platform/mobile/ui.html) - 推荐常用的UI库，包含`Vant`、`NutUI 3.0`、`Varlet`、`Ionic Framework`、`WaveUI`等优秀开源UI库 31 | - [开源项目](https://hu-snail.github.io/vue3-resource/platform/mobile/project.html) - 推荐优秀开源项目，帮助您更好的学习`vue3` 32 | - [滚动组件](https://hu-snail.github.io/vue3-resource/platform/mobile/scroll.html) - 包含`BetterScroll`、`Mescroll`、`FullPage.js`等优质移动端滚动组件 33 | - [配套资源](https://hu-snail.github.io/vue3-resource/platform/mobile/include.html) - 包含`Fastclick`,此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new) 34 | 35 | - ### Electron 36 | - [Electron总览资源](https://hu-snail.github.io/vue3-resource/platform/electron.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new) 37 | - [Electron-vue-vite](https://github.com/caoxiemeihao/electron-vue-vite) - Electron + Vite + Vue 整合模板 -- 结构简单，容易上手！ 38 | - [Vite-electron-quick](https://github.com/MangoTsing/vite-electron-quick) - ⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版 39 | - [Electron-vue3-inote](https://github.com/heiyehk/electron-vue3-inote) - 使用electron13+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口 40 | - [Electron-vite-template](https://github.com/umbrella22/electron-vite-template) - 本项目是一个由Vite和rollup组成的vue3+Vite+electron项目模板 41 | - [Electron-admin-element-vue](https://github.com/lqsong/electron-admin-element-vue) - Electron Vue3.x Element-UI Admin 42 | 43 | - ### 小程序 44 | - [小程序资源总览](https://hu-snail.github.io/vue3-resource/platform/mp/project.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new) 45 | - [Uni-app](https://github.com/dcloudio/uni-app) - uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架 46 | - [Taro](https://github.com/nervjs/taro) - 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用 47 | - [Kbone](https://github.com/Tencent/kbone) - 一个致力于微信小程序和 Web 端同构的解决方案 48 | - [Vant-weapp](https://github.com/youzan/vant-weapp) - 轻量、可靠的小程序 UI 组件库 49 | - [Nut-UI- Taro框架](https://github.com/jdf2e/nutui) - 京东风格移动端 Vue2、Vue3 组件库 50 | 51 | - ### 常用库 52 | - [资源总览](https://hu-snail.github.io/vue3-resource/platform/common.html) - 资源总览详情 53 | - [Lodash- 实用工具库](https://github.com/lodash/lodash) - Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库 54 | - [Outils- 业务代码工具库](https://github.com/proYang/outils) - 前端业务代码工具库 55 | - [30-seconds-of-code- 代码片段](https://github.com/30-seconds/30-seconds-of-code) - 满足您所有开发需求的简短 JavaScript 代码片段 56 | - [Chancejs-随机数](https://github.com/chancejs/chancejs) - 生成随机数据的库 57 | - [Nanoid- ID 生成库](https://github.com/ai/nanoid) - 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器 58 | - [Js-md5- md5加密](https://github.com/emn178/js-md5) - md5加密，支持 UTF-8 编码 59 | - [encoder/decoder 库](https://github.com/mathiasbynens/he) - 前端 encoder/decoder 库 60 | - [Imagemin- 图片压缩](https://github.com/imagemin/imagemin) - 图片压缩库 61 | - [FileSaver.js- 文件下载](https://github.com/eligrey/FileSaver.js) - 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题 62 | - [StreamSaver.js 大文件下载](https://github.com/jimmywarting/StreamSaver.js) - 大文件下载 63 | - [Big.js](https://github.com/MikeMcl/big.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库 64 | - [Bignumber.js](https://github.com/MikeMcl/bignumber.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库 65 | - [Momentjs](http://momentjs.cn/) - JavaScript 日期处理类库 66 | - [Dayjs](https://github.com/iamkun/dayjs/) - Day.js 是一个轻量的处理时间和日期的 67 | - [Date-fns](https://github.com/date-fns/date-fns) - JavaScript 日期处理类库JavaScript 库，和 Moment.js 的 API 设计保持完全一样。 68 | - [Qs- url参数转化](https://github.com/ljharb/qs) - qs是一个url参数转化（parse和stringify）的js库 69 | - [Numeral.js- 格式化和处理数字](https://github.com/adamwdraper/Numeral-js) - 一个用于格式化和处理数字的javascript库 70 | 71 | - ### 学习&面试 72 | > 建议阅读官方文档，最好的学习资料！！！ 73 | - 社区 74 | - [掘金- 代码不止,掘金不停](https://juejin.cn/) 75 | - [stackoverflow](https://stackoverflow.com/) 76 | - [CSDN - 专业开发者社区](https://www.csdn.net/?spm=1011.2124.3001.4476) 77 | - [SegmentFault 思否](https://segmentfault.com/) 78 | - [开源中国社区 - OSCHINA - 中文开源技术交流社区](https://www.oschina.net/) 79 | - [v2ex- 国内最具影响力创意工作者社区、和开发人员交流社区](https://www.v2ex.com/) 80 | - [博客园- 面向程序员的的在线学习社区](https://www.cnblogs.com/) 81 | - [51CTO- 中国知名IT技术网络平台](http://www.51cto.com/) 82 | - [简书- 创作你的创作](https://www.jianshu.com/) 83 | - [知乎- 有问题,就会有答案](https://www.zhihu.com/) 84 | - 文档 85 | - [vue3源码解读](https://www.vue3js.cn/start/) 86 | - [Vue组合式APIs手册](https://vue3js.cn/vue-composition-api/) 87 | - [mini-vue](https://github.com/cuixiaorui/mini-vue) - 实现最简 vue3 模型，用于深入学习 vue3 88 | - [技术胖：Vue3.x学习路线-按此路线学习畅通无比](https://www.jspang.com/detailed?id=67) 89 | - 掘金文章 90 | - [Vue 3.0 来了，我们该做些什么？](https://juejin.cn/post/6874604408030789640) 91 | - [Vue3.0 新特性以及使用经验总结](https://juejin.cn/post/6940454764421316644) 92 | - [Vue3实战系列：Vue3.0 + Vant3.0 搭建种子项目](https://juejin.cn/post/6887590229692121096) 93 | - [🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus 搭建后台管理模版](https://juejin.cn/post/7010666535173750797) 94 | - [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622) 95 | - 视频 96 | - [Vueschool](https://vueschool.io/) 97 | - [Vite2 + Vue3项目最佳实践「持续更新中」](https://www.bilibili.com/video/BV1vX4y1K7bQ?p=2) 98 | - [李南江」Vue3.0正式版教程2020年9月19号全网首发-Vue3 One Piece 持续更新中...](https://www.bilibili.com/video/BV14k4y117LL?from=search&seid=17306204784970645166&spm_id_from=333.337.0.0) 99 | - [Vue3.0（正式版）+ Vite开发快速入门](https://www.bilibili.com/video/BV1SZ4y157m8?p=2) 100 | - [Vue3.0从0到1搭建管理后台系统项目实战](https://www.bilibili.com/video/BV183411B7nJ?p=59) 101 | - 面试 102 | - [Vuejs面试问题](https://github.com/sudheerj/vuejs-interview-questions) 103 | - [2021年，vue3.0 面试题分析（干货满满，内容详尽）](https://blog.csdn.net/qq_35942348/article/details/110677399) 104 | - [建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）](https://juejin.cn/post/6892295955844956167) 105 | - [Vue3.0面试题](https://segmentfault.com/a/1190000038848131) 106 | - [vue3.0 面试题总结](https://blog.csdn.net/weixin_40599109/article/details/110938941) 107 | - [面试官系列](https://vue3js.cn/interview/) 108 | - [吐血整理清单一](https://github.com/vue3/vue3-News/issues/9) 109 | - [吐血整理清单二](https://github.com/vue3/vue3-News/issues/10) 110 | - [吐血整理清单三](https://github.com/vue3/vue3-News/issues/11) 111 | - ### 文档&工具 112 | - Vue3 113 | - [英文文档](https://v3.vuejs.org/) 114 | - [中文文档](https://v3.cn.vuejs.org/) 115 | - UI库 116 | - Element-Plus 117 | - [旧版本文档](https://doc-archive.element-plus.org/#/zh-CN/component/installation) 118 | - [新版本文档](https://element-plus.gitee.io/zh-CN/guide/installation.html) 119 | - Ant Design Vue：[文档地址](https://antdv.com/docs/vue/introduce-cn/) 120 | - Naive UI：[文档地址](https://www.naiveui.com/zh-CN/light) 121 | - Element3：[文档地址](https://element3-ui.com/#/) 122 | - Vant: [文档地址](https://vant-contrib.gitee.io/vant/v3/#/zh-CN) 123 | - NutUI 3.0: [文档地址](https://nutui.jd.com/#/intro) 124 | - 小程序 125 | - 微信小程序：[文档地址](https://developers.weixin.qq.com/miniprogram/dev/framework/) 126 | - 字节小程序：[文档地址](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/start/introduction/) 127 | - 支付宝小程序：[文档地址](https://opendocs.alipay.com/mini) 128 | - QQ小程序：[文档地址](https://q.qq.com/wiki/) 129 | - 智能小程序：[文档地址](https://smartprogram.baidu.com/docs/introduction/enter_application/) 130 | - UniApp: [文档地址](https://uniapp.dcloud.io/) 131 | - Taro: [文档地址](http://taro-docs.jd.com/taro/docs/README/index.html) 132 | - 组件 133 | - ECharts5：[文档地址](https://echarts.apache.org/zh/index.html) 134 | - Vue-echarts:[文档地址](https://vue-echarts.vercel.app/) 135 | - Vue.draggable.next: [文档地址](https://github.com/SortableJS/vue.draggable.next#readme) 136 | - WangEditor V5: [文档地址](https://www.wangeditor.com/v5/) 137 | - Tinymce-vue: [文档地址](https://www.tiny.cloud/docs/) 138 | - Vue-cropper: [文档地址](https://github.com/xyxiao001/vue-cropper#readme) 139 | - Vue-markdown-editor: [文档地址](https://code-farmer-i.github.io/vue-markdown-editor/zh/) 140 | - Md-editor-v3: [文档地址](https://imzbf.github.io/md-editor-v3/index) 141 | - ### 收藏 142 | > 此模块仅仅博主收藏，不符合vue3资源推荐！！！ 143 | - [Nodeppt- PPT演示](https://github.com/ksky521/nodeppt) - 这可能是迄今为止最好的网页版演示库（markdown 写 ppt） 144 | - [Squoosh 在线图片压缩](https://github.com/GoogleChromeLabs/squoosh) - 谷歌在线图片压缩 145 | - [美叶](https://www.meiye.art/) - 优质设计资源 146 | - [Removebg](https://www.remove.bg/zh) - 在线抠图去除背景 147 | - [Carbon](https://carbon.now.sh/) - 将代码转为图片，博客推荐使用 148 | - [Picdiet](https://picdiet.eula.club/) - 在线压缩图片 149 | - [Css渐变色](http://color.oulu.me/) - 在线免费渐变色 150 | - [Undraw](https://undraw.co/illustrations) - 免费插画，给网站配图 151 | - [Shapedivider](https://www.shapedivider.app/) - 精美背景分割，用于网站首页 152 | - 查询必备 153 | - [Awesomejs](https://awesomejs.dev/)- 查询你的项目使用的插件，很全！！！ 154 | - [Devdocs- 在线查询各种编程手册的文档](https://devdocs.io/) 155 | - [Can I Use- 查询CSS、Js在各种流行浏览器中的特性和兼容性](https://caniuse.com/) 156 | - 浏览器插件 157 | - [Vuejs Devtools](https://github.com/vuejs/devtools)- 用于调试 Vue.js 应用程序的浏览器 devtools 扩展 158 | - [掘金插件](https://juejin.cn/extension)- 一站式聚合优质内容 · 快捷工具 · 常用网址 159 | - [Lighthouse](https://developers.google.com/web/tools/lighthouse)- 是一个开源的自动化工具，用于改进网络应用的质量 160 | - [Hacker Tab](https://github.com/huchenme/hacker-tab-extension)- 查询最新的热门开源项目 161 | - [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en)- json美化 162 | 163 | -------------------------------------------------------------------------------- /deploy-gh.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 确保脚本抛出遇到的错误 4 | set -e 5 | 6 | # 生成静态文件 7 | yarn docs:build 8 | 9 | # 进入生成的文件夹 10 | cd docs/.vitepress/dist 11 | 12 | # 如果是发布到自定义域名 13 | # echo 'www.example.com' > CNAME 14 | git init 15 | git add -A 16 | git commit -m 'deploy' 17 | 18 | # 如果发布到 https://.github.io 19 | # git push -f git@github.com:/.github.io.git master 20 | 21 | # 如果发布到 https://.github.io/ 22 | # git push -f git@github.com:/.git master:gh-pages 23 | 24 | # 把上面的 换成你自己的 Github 用户名， 换成仓库名，比如我这里就是： 25 | git push -f git@github.com:hu-snail/vue3-resource.git master:gh-pages 26 | 27 | cd - -------------------------------------------------------------------------------- /docs/.vitepress/config.js: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | /** 3 | * @type {import('vitepress').UserConfig} 4 | */ 5 | module.exports = { 6 | base: '/vue3-resource/', 7 | title: 'Vue3-resource', 8 | lang: 'zh-CN', 9 | description: '收集vue3资源，包含web端&移动端&小程序&Electron等栏目', 10 | head: createHead(), 11 | themeConfig: { 12 | algolia: { 13 | appId: 'PEWR8V41JZ', 14 | apiKey: 'e785d40eb5f19238410be94fd745ca9d', 15 | indexName: 'vue3-resource' 16 | }, 17 | repo: 'hu-snail/vue3-resource', 18 | docsRepo: 'hu-snail/vue3-resource', 19 | docsBranch: 'main/docs', 20 | editLinks: true, 21 | logo: '/logo.png', 22 | footer: { 23 | message: 'Released under the MIT License.', 24 | copyright: 'Copyright © hu-snail 2021-present vue3-resource' 25 | }, 26 | lastUpdated: true, 27 | lastUpdatedText: '最后修改时间', 28 | socialLinks: [ 29 | { icon: 'github', link: 'https://github.com/hu-snail/vue3-resource' }, 30 | ], 31 | editLink: { 32 | pattern: 'https://github.com/hu-snail/vue3-resource/edit/main/docs/:path', 33 | text: '为此页提供修改建议' 34 | }, 35 | nav: [ 36 | { text: '总览', link: '/platform/introduction'}, 37 | { 38 | text: 'web端', 39 | items: [{ 40 | text: 'UI库', 41 | link: '/platform/web/ui', 42 | }, { 43 | text: '开箱即用', 44 | link: '/platform/web/manage', 45 | }, { 46 | text: '富文本编辑器', 47 | link: '/platform/web/editor', 48 | }, { 49 | text: 'markdown编辑器', 50 | link: '/platform/web/markdown', 51 | }, { 52 | text: '上传组件', 53 | link: '/platform/web/upload', 54 | }, { 55 | text: '图片/背景组件', 56 | link: '/platform/web/img-bg', 57 | }, { 58 | text: '音频/视频组件', 59 | link: '/platform/web/audio-video', 60 | }, { 61 | text: '图标库', 62 | link: '/platform/web/icons', 63 | }, { 64 | text: '图表组件', 65 | link: '/platform/web/charts', 66 | }, { 67 | text: '拖拽组件', 68 | link: '/platform/web/drag', 69 | }, { 70 | text: '配套资源', 71 | link: '/platform/web/include', 72 | }, { 73 | text: '文件组件', 74 | link: '/platform/web/files', 75 | }, { 76 | text: '动画库', 77 | link: '/platform/web/animate', 78 | }, { 79 | text: '地图组件', 80 | link: '/platform/web/map', 81 | }, { 82 | text: '其他组件', 83 | link: '/platform/web/others', 84 | }] 85 | }, 86 | { 87 | text: '移动端', 88 | items: [{ 89 | text: 'UI库', 90 | link: '/platform/mobile/ui', 91 | },{ 92 | text: '表单组件', 93 | link: '/platform/mobile/form', 94 | }, { 95 | text: '图片组件', 96 | link: '/platform/mobile/img', 97 | }, { 98 | text: '图表库', 99 | link: '/platform/mobile/echart', 100 | }, { 101 | text: '开源项目', 102 | link: '/platform/mobile/project', 103 | }, { 104 | text: '滚动组件', 105 | link: '/platform/mobile/scroll', 106 | }, { 107 | text: '配套资源', 108 | link: '/platform/mobile/include', 109 | }] 110 | }, 111 | { 112 | text: '小程序', 113 | items: [{ 114 | text: '框架', 115 | link: '/platform/mp/project', 116 | }, { 117 | text: 'UI库', 118 | link: '/platform/mp/ui', 119 | }] 120 | }, 121 | { 122 | text: '文档&工具', 123 | items: [{ 124 | text: '文档', 125 | link: '/platform/toolmd/docs', 126 | }, { 127 | text: '工具', 128 | link: '/platform/toolmd/tool', 129 | }, { 130 | text: 'vscode插件', 131 | link: '/platform/toolmd/vscode', 132 | }] 133 | }, 134 | { text: '常用库', link: '/platform/common' }, 135 | { text: '学习&面试', link: '/platform/study' }, 136 | { text: '收藏', link: '/platform/like' }, 137 | ], 138 | sidebar: { 139 | '/platform/introduction': [ 140 | { 141 | text: '总览', 142 | items: [{ 143 | text: '介绍', 144 | link: '/platform/introduction', 145 | }] 146 | }, 147 | { 148 | text: 'web端', 149 | collapsible: true, 150 | collapsed: true, 151 | items: [{ 152 | text: 'UI库', 153 | link: '/platform/web/ui', 154 | }, { 155 | text: '开箱即用', 156 | link: '/platform/web/manage', 157 | }, { 158 | text: '富文本编辑器', 159 | link: '/platform/web/editor', 160 | }, { 161 | text: 'markdown编辑器', 162 | link: '/platform/web/markdown', 163 | }, { 164 | text: '上传组件', 165 | link: '/platform/web/upload', 166 | }, { 167 | text: '图片/背景组件', 168 | link: '/platform/web/img-bg', 169 | }, { 170 | text: '音频/视频组件', 171 | link: '/platform/web/audio-video', 172 | }, { 173 | text: '图标库', 174 | link: '/platform/web/icons', 175 | }, { 176 | text: '图表组件', 177 | link: '/platform/web/charts', 178 | }, { 179 | text: '拖拽组件', 180 | link: '/platform/web/drag', 181 | }, { 182 | text: '配套资源', 183 | link: '/platform/web/include', 184 | }, { 185 | text: '文件组件', 186 | link: '/platform/web/files', 187 | }, { 188 | text: '动画库', 189 | link: '/platform/web/animate', 190 | }, { 191 | text: '地图组件', 192 | link: '/platform/web/map', 193 | }, { 194 | text: '其他组件', 195 | link: '/platform/web/others', 196 | }] 197 | }, 198 | { 199 | text: '移动端', 200 | collapsible: true, 201 | collapsed: true, 202 | items: [{ 203 | text: 'UI库', 204 | link: '/platform/mobile/ui', 205 | }, { 206 | text: '表单组件', 207 | link: '/platform/mobile/form', 208 | }, { 209 | text: '图片组件', 210 | link: '/platform/mobile/img', 211 | 212 | }, { 213 | text: '图表库', 214 | link: '/platform/mobile/echart', 215 | }, { 216 | text: '开源项目', 217 | link: '/platform/mobile/project', 218 | }, { 219 | text: '滚动组件', 220 | link: '/platform/mobile/scroll', 221 | }, { 222 | text: '配套资源', 223 | link: '/platform/mobile/include', 224 | }] 225 | }, 226 | { 227 | text: '小程序', 228 | collapsible: true, 229 | collapsed: true, 230 | items: [{ 231 | text: '框架', 232 | link: '/platform/mp/project', 233 | }, { 234 | text: 'UI库', 235 | link: '/platform/mp/ui', 236 | }] 237 | }, 238 | { 239 | text: '文档&工具', 240 | collapsible: true, 241 | collapsed: true, 242 | items: [{ 243 | text: '文档', 244 | link: '/platform/toolmd/docs', 245 | }, { 246 | text: '工具', 247 | link: '/platform/toolmd/tool', 248 | }, { 249 | text: 'vscode插件', 250 | link: '/platform/toolmd/vscode', 251 | }] 252 | }, 253 | { 254 | text: '常用库', 255 | collapsible: true, 256 | collapsed: true, 257 | items: [{ 258 | text: '常用库', 259 | link: '/platform/common', 260 | }] 261 | }, 262 | { 263 | text: '学习&面试', 264 | link: '/platform/study', 265 | collapsible: true, 266 | collapsed: true, 267 | items: [{ 268 | text: '学习&面试', 269 | link: '/platform/study', 270 | }] 271 | }, 272 | { 273 | text: '收藏', 274 | link: '/platform/like', 275 | collapsible: true, 276 | collapsed: true, 277 | items: [{ 278 | text: '收藏', 279 | link: '/platform/like', 280 | }] 281 | }, 282 | ], 283 | '/platform/web': [ 284 | { 285 | text: 'Web端', 286 | items: [ 287 | { 288 | text: 'UI库', 289 | link: '/platform/web/ui', 290 | }, { 291 | text: '开箱即用', 292 | link: '/platform/web/manage', 293 | }, { 294 | text: '富文本编辑器', 295 | link: '/platform/web/editor', 296 | }, { 297 | text: 'markdown编辑器', 298 | link: '/platform/web/markdown', 299 | }, { 300 | text: '上传组件', 301 | link: '/platform/web/upload', 302 | }, { 303 | text: '图片/背景组件', 304 | link: '/platform/web/img-bg', 305 | }, { 306 | text: '音频/视频组件', 307 | link: '/platform/web/audio-video', 308 | }, { 309 | text: '图标库', 310 | link: '/platform/web/icons', 311 | }, { 312 | text: '图表组件', 313 | link: '/platform/web/charts', 314 | }, { 315 | text: '拖拽组件', 316 | link: '/platform/web/drag', 317 | }, { 318 | text: '配套资源', 319 | link: '/platform/web/include', 320 | }, { 321 | text: '文件组件', 322 | link: '/platform/web/files', 323 | }, { 324 | text: '动画库', 325 | link: '/platform/web/animate', 326 | }, { 327 | text: '地图组件', 328 | link: '/platform/web/map', 329 | }, { 330 | text: '其他组件', 331 | link: '/platform/web/others', 332 | } 333 | ] 334 | }, 335 | 336 | ], 337 | '/platform/mobile': [ 338 | { 339 | text: '移动端', 340 | items: [{ 341 | text: 'UI库', 342 | link: '/platform/mobile/ui', 343 | }, { 344 | text: '表单组件', 345 | link: '/platform/mobile/form', 346 | }, { 347 | text: '图片组件', 348 | link: '/platform/mobile/img', 349 | 350 | }, { 351 | text: '图表库', 352 | link: '/platform/mobile/echart', 353 | }, { 354 | text: '开源项目', 355 | link: '/platform/mobile/project', 356 | }, { 357 | text: '滚动组件', 358 | link: '/platform/mobile/scroll', 359 | }, { 360 | text: '配套资源', 361 | link: '/platform/mobile/include', 362 | }] 363 | } 364 | ], 365 | '/platform/mp': [ 366 | { 367 | text: '小程序', 368 | items: [{ 369 | text: '框架', 370 | link: '/platform/mp/project', 371 | }, { 372 | text: 'UI库', 373 | link: '/platform/mp/ui', 374 | }] 375 | } 376 | ], 377 | '/platform/toolmd': [ 378 | { 379 | text: '文档&工具', 380 | items: [{ 381 | text: '文档', 382 | link: '/platform/toolmd/docs', 383 | }, { 384 | text: '工具', 385 | link: '/platform/toolmd/tool', 386 | }, { 387 | text: 'vscode插件', 388 | link: '/platform/toolmd/vscode', 389 | }] 390 | } 391 | ] 392 | } 393 | 394 | }, 395 | }; 396 | 397 | /** 398 | * @type {()=>import('vitepress').HeadConfig[]} 399 | */ 400 | 401 | function createHead() { 402 | return [ 403 | ['meta', { name: 'author', content: 'hu-snail' }], 404 | [ 405 | 'meta', 406 | { 407 | name: 'keywords', 408 | content: 'vue3, vitejs, vite, element-plus, vue', 409 | }, 410 | ], 411 | ['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.png' }], 412 | ['link', { rel: 'stylesheet', type: 'image/svg+xml', href: 'https://cdn.jsdelivr.net/npm/@docsearch/css@3' }], 413 | [ 414 | 'meta', 415 | { 416 | name: 'viewport', 417 | content: 418 | 'width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no', 419 | }, 420 | ], 421 | ['meta', { name: 'keywords', content: 'vue3 vue' }], 422 | ['link', { rel: 'icon', href: '/favicon.ico' }], 423 | ['script', {}, ` 424 | var _hmt = _hmt || []; 425 | (function() { 426 | var hm = document.createElement("script"); 427 | hm.src = "https://hm.baidu.com/hm.js?4e06984ebfbe9707169ce9e60e4c8add"; 428 | hm.src = "https://cdn.jsdelivr.net/npm/@docsearch/js@3"; 429 | var s = document.getElementsByTagName("script")[0]; 430 | s.parentNode.insertBefore(hm, s); 431 | })(); 432 | `] 433 | ]; 434 | } 435 | 436 | -------------------------------------------------------------------------------- /docs/.vitepress/theme/index.js: -------------------------------------------------------------------------------- 1 | import Theme from 'vitepress/theme' 2 | import './vars.css' 3 | 4 | export default { 5 | ...Theme, 6 | } -------------------------------------------------------------------------------- /docs/.vitepress/theme/vars.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --vp-home-hero-name-color: transparent; 3 | --vp-home-hero-name-background: -webkit-linear-gradient( 120deg, #b1daf2 30%, #40b883 ); 4 | --vp-home-hero-image-background-image: linear-gradient( -40deg, rgba(133, 192, 245, .7) 50%, rgb(62, 176 ,125,.9) 50% ); 5 | --vp-home-hero-image-filter: blur(60px); 6 | } -------------------------------------------------------------------------------- /docs/compontents/introduction.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/compontents/introduction.md -------------------------------------------------------------------------------- /docs/compontents/start.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/compontents/start.md -------------------------------------------------------------------------------- /docs/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | hero: 4 | name: Vue3-Resource 5 | text: Collect high-quality Vue3 resource library 6 | tagline: 包含web端&移动端&小程序&Electron等栏目 7 | image: 8 | src: /logo.png 9 | alt: Vue3-Resource 10 | actions: 11 | - theme: brand 12 | text: 立即查看 → 13 | link: /platform/introduction 14 | - theme: alt 15 | text: View on GitHub 16 | link: https://github.com/hu-snail/vue3-resource 17 | 18 | features: 19 | - icon: 💻 20 | title: web端 21 | details: 包含ui库、开箱即用中后台、常用组件库等资源 22 | - icon: 📱 23 | title: 移动端 24 | details: 包含ui库、开源项目、滚动组件、配套等资源 25 | - icon: 🛠️ 26 | title: 小程序 27 | details: 包含框架、ui库等资源 28 | - icon: 📒 29 | title: 文档&工具 30 | details: 收集了常用的文档、工具 31 | - icon: 🌲 32 | title: 常用库 33 | details: 高频使用的JavaScript实用库 34 | - icon: ❤️ 35 | title: 学习&面试 36 | details: 收集vue3相关的学习文档和面试资源 37 | --- 38 | -------------------------------------------------------------------------------- /docs/platform/common.md: -------------------------------------------------------------------------------- 1 | # 常用库 2 | 3 | ## Lodash- 实用工具库 4 | Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库 5 | 6 | ![start](https://img.shields.io/github/stars/lodash/lodash?style=social) 7 | #### 资源地址 8 | - 官方文档：[官方文档地址](https://lodash.com/) 9 | - 仓库资源：[github地址](https://github.com/lodash/lodash) 10 | 11 | ## Outils- 业务代码工具库 12 | 前端业务代码工具库,业务开发过程中，会经常用到日期格式化、url参数转对象、浏览器类型判断、节流函数等常用函数，为避免不同项目多次复制粘贴的麻烦，这里统一封装，并发布到npm，以提高开发效率 13 | 14 | ![start](https://img.shields.io/github/stars/proYang/outils?style=social) 15 | #### 资源地址 16 | - 官方文档：[官方文档地址](https://github.com/proYang/outils#readme) 17 | - 仓库资源：[github地址](https://github.com/proYang/outils) 18 | 19 | ## 30-seconds-of-code- 代码片段 20 | 满足您所有开发需求的简短 JavaScript 代码片段 21 | 22 | ![start](https://img.shields.io/github/stars/30-seconds/30-seconds-of-code?style=social) 23 | #### 资源地址 24 | - 官方文档：[官方文档地址](https://www.30secondsofcode.org/) 25 | - 仓库资源：[github地址](https://github.com/30-seconds/30-seconds-of-code) 26 | 27 | ## Chancejs-随机数 28 | 生成随机数据的库 29 | 30 | ![start](https://img.shields.io/github/stars/chancejs/chancejs?style=social) 31 | #### 资源地址 32 | - 官方文档：[官方文档地址](https://chancejs.com/) 33 | - 仓库资源：[github地址](https://github.com/chancejs/chancejs) 34 | 35 | ## Nanoid- ID 生成库 36 | 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器 37 | 38 | ![start](https://img.shields.io/github/stars/ai/nanoid?style=social) 39 | #### 资源地址 40 | - 官方文档：[官方文档地址](https://github.com/ai/nanoid/blob/main/README.zh-CN.md) 41 | - 仓库资源：[github地址](https://github.com/ai/nanoid) 42 | 43 | ## Js-md5- md5加密 44 | md5加密，支持 UTF-8 编码 45 | 46 | ![start](https://img.shields.io/github/stars/emn178/js-md5?style=social) 47 | #### 资源地址 48 | - 官方文档：[官方文档地址](https://github.com/emn178/js-md5#readme) 49 | - 仓库资源：[github地址](https://github.com/emn178/js-md5) 50 | 51 | ## He- encoder/decoder 库 52 | 前端 encoder/decoder 库 53 | 54 | ![start](https://img.shields.io/github/stars/mathiasbynens/he?style=social) 55 | #### 资源地址 56 | - 官方文档：[官方文档地址](https://github.com/mathiasbynens/he#readme) 57 | - 仓库资源：[github地址](https://github.com/mathiasbynens/he) 58 | 59 | ## Imagemin- 图片压缩 60 | 图片压缩库 61 | 62 | ![start](https://img.shields.io/github/stars/imagemin/imagemin?style=social) 63 | #### 资源地址 64 | - 官方文档：[官方文档地址](https://github.com/imagemin/imagemin#readme) 65 | - 仓库资源：[github地址](https://github.com/imagemin/imagemin) 66 | 67 | ## ImmortalDB- 储存库 68 | 浏览器 key-value 储存的封装库，将 Cookies、IndexedDB、LocalStorage、SessionStorage 统一成一个接口 69 | 70 | ![start](https://img.shields.io/github/stars/gruns/ImmortalDB?style=social) 71 | #### 资源地址 72 | - 官方文档：[官方文档地址](https://github.com/gruns/ImmortalDB#readme) 73 | - 仓库资源：[github地址](https://github.com/gruns/ImmortalDB) 74 | 75 | ## FileSaver.js- 文件下载 76 | 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题 77 | 78 | ![start](https://img.shields.io/github/stars/eligrey/FileSaver.js?style=social) 79 | #### 资源地址 80 | - 官方文档：[官方文档地址](https://github.com/gruns/ImmortalDB#readme) 81 | - 仓库资源：[github地址](https://github.com/eligrey/FileSaver.js) 82 | 83 | 84 | ## StreamSaver.js 大文件下载 85 | 大文件下载 86 | 87 | ![start](https://img.shields.io/github/stars/jimmywarting/StreamSaver.js?style=social) 88 | #### 资源地址 89 | - 官方文档：[官方文档地址](https://github.com/jimmywarting/StreamSaver.js#readme) 90 | - 仓库资源：[github地址](https://github.com/jimmywarting/StreamSaver.js) 91 | 92 | ## Big.js 93 | 用于任意精度十进制和非十进制算术的 JavaScript 库 94 | 95 | ![start](https://img.shields.io/github/stars/MikeMcl/big.js?style=social) 96 | #### 资源地址 97 | - 官方文档：[官方文档地址](http://mikemcl.github.io/big.js/) 98 | - 仓库资源：[github地址](https://github.com/MikeMcl/big.js) 99 | 100 | ## Bignumber.js 101 | 用于任意精度十进制和非十进制算术的 JavaScript 库 102 | 103 | ![start](https://img.shields.io/github/stars/MikeMcl/bignumber.js?style=social) 104 | #### 资源地址 105 | - 官方文档：[官方文档地址](https://mikemcl.github.io/bignumber.js/) 106 | - 仓库资源：[github地址](https://github.com/MikeMcl/bignumber.js) 107 | 108 | ## Cleave.js- 输入格式化 109 | 用于在输入时格式化输入内容 110 | 111 | ![start](https://img.shields.io/github/stars/nosir/cleave.js?style=social) 112 | #### 资源地址 113 | - 官方文档：[官方文档地址](https://github.com/nosir/cleave.js#readme) 114 | - 仓库资源：[github地址](https://github.com/nosir/cleave.js) 115 | - 预览地址：[预览](https://nosir.github.io/cleave.js/) 116 | 117 | ## 日期工具类 118 | ### Momentjs 119 | JavaScript 日期处理类库 120 | 121 | #### 资源地址 122 | - 官方地址：[官方文档地址](http://momentjs.cn/) 123 | 124 | ### Date-fns 125 | JavaScript 日期处理类库 126 | 127 | ![start](https://img.shields.io/github/stars/date-fns/date-fns?style=social) 128 | #### 资源地址 129 | - 官方文档：[官方文档地址](https://date-fns.org/) 130 | - 仓库资源：[github地址](https://github.com/date-fns/date-fns) 131 | - 预览地址：[预览](https://date-fns.org/) 132 | 133 | ### Dayjs 134 | Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样。 135 | 136 | ![start](https://img.shields.io/github/stars/iamkun/dayjs?style=social) 137 | #### 资源地址 138 | - 官方文档：[官方文档地址](https://day.js.org/docs/en/installation/installation) 139 | - 仓库资源：[github地址](https://github.com/iamkun/dayjs/) 140 | 141 | ## Numeral.js- 格式化和处理数字 142 | 一个用于格式化和处理数字的javascript库 143 | 144 | ![start](https://img.shields.io/github/stars/adamwdraper/Numeral-js?style=social) 145 | #### 资源地址 146 | - 官方文档：[官方文档地址](http://numeraljs.com/) 147 | - 仓库资源：[github地址](https://github.com/adamwdraper/Numeral-js) 148 | 149 | ## Qs- url参数转化 150 | qs是一个url参数转化（parse和stringify）的js库 151 | 152 | ![start](https://img.shields.io/github/stars/ljharb/qs?style=social) 153 | #### 资源地址 154 | - 官方文档：[官方文档地址](https://github.com/ljharb/qs#readme) 155 | - 仓库资源：[github地址](https://github.com/ljharb/qs) -------------------------------------------------------------------------------- /docs/platform/electron.md: -------------------------------------------------------------------------------- 1 | # Electron 2 | 以下资源全部适配vue3 3 | 4 | ## Electron-vue-vite 5 | Electron、vue3、vite2 integration 6 | 7 | ![start](https://img.shields.io/github/stars/caoxiemeihao/electron-vue-vite?style=social) 8 | #### 资源地址 9 | - 官方文档：[官方文档地址](https://github.com/caoxiemeihao/electron-vue-vite#readme) 10 | - 仓库资源：[github地址](https://github.com/caoxiemeihao/electron-vue-vite) 11 | 12 | ## Vite-electron-quick 13 | ⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版。 14 | 15 | ![start](https://img.shields.io/github/stars/MangoTsing/vite-electron-quick?style=social) 16 | #### 资源地址 17 | - 官方文档：[官方文档地址](https://github.com/MangoTsing/vite-electron-quick#readme) 18 | - 仓库资源：[github地址](https://github.com/MangoTsing/vite-electron-quick) 19 | 20 | ## 开源项目 21 | ### Electron-vue3-inote 22 | 使用electron13+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口 23 | 24 | ![start](https://img.shields.io/github/stars/heiyehk/electron-vue3-inote?style=social) 25 | #### 资源地址 26 | - 官方文档：[官方文档地址](https://github.com/heiyehk/electron-vue3-inote#readme) 27 | - 仓库资源：[github地址](https://github.com/heiyehk/electron-vue3-inote) 28 | 29 | ### Electron-vite-template 30 | 本项目是一个由Vite和rollup组成的vue3+Vite+electron项目模板 31 | 32 | ![start](https://img.shields.io/github/stars/umbrella22/electron-vite-template?style=social) 33 | #### 资源地址 34 | - 官方文档：[官方文档地址](https://github.com/umbrella22/electron-vite-template#readme) 35 | - 仓库资源：[github地址](https://github.com/umbrella22/electron-vite-template) 36 | 37 | ### Electron-admin-element-vue 38 | Electron Vue3.x Element-UI Admin 39 | 40 | ![start](https://img.shields.io/github/stars/lqsong/electron-admin-element-vue?style=social) 41 | #### 资源地址 42 | - 官方文档：[官方文档地址](http://admin-element-vue.liqingsong.cc/tsv2/guide/senior/electron.html) 43 | - 仓库资源：[github地址](https://github.com/lqsong/electron-admin-element-vue) -------------------------------------------------------------------------------- /docs/platform/h5.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/platform/h5.md -------------------------------------------------------------------------------- /docs/platform/introduction.md: -------------------------------------------------------------------------------- 1 | # 介绍 2 | ::: tip 说明 3 | 本站专注于收集vue3相关资源，持续更新！！！ 4 | 如果这些资源对你有帮助，可以给一个 star 支持下[vue3-resource](https://github.com/hu-snail/vue3-resource)，如果您发现有vue3优秀的开源项目请[点此推荐](https://github.com/hu-snail/vue3-resource/issues/new) 5 | ::: 6 | 7 | ## Github加速 8 | [dev-sidecar](https://gitee.com/docmirror/dev-sidecar) 9 | 10 | 16 | 17 | ## 文档 18 | 渐进式 19 | JavaScript 框架 20 | - [英文地址](https://v3.vuejs.org/) 21 | - [中文地址](https://v3.cn.vuejs.org/) 22 | 23 | ## 官方资源 24 | - [vue新闻](https://news.vuejs.org/) 25 | - [发行说明](https://github.com/vuejs/vue/releases) 26 | - [API参考](https://v3.vuejs.org/api/) 27 | -------------------------------------------------------------------------------- /docs/platform/like.md: -------------------------------------------------------------------------------- 1 | # 收藏 2 | 3 | ## Nodeppt- PPT演示 4 | 这可能是迄今为止最好的网页版演示库（markdown 写 ppt） 5 | 6 | ![start](https://img.shields.io/github/stars/ksky521/nodeppt?style=social) 7 | #### 资源地址 8 | - 官方文档：[官方文档地址](https://github.com/ksky521/nodeppt#readme) 9 | - 仓库资源：[github地址](https://github.com/ksky521/nodeppt) 10 | - Demo预览：[预览](https://nodeppt.js.org/#slide=4) 11 | 12 | ## Squoosh 在线图片压缩 13 | 谷歌在线图片压缩 14 | 15 | ![start](https://img.shields.io/github/stars/GoogleChromeLabs/squoosh?style=social) 16 | #### 资源地址 17 | - 官方文档：[官方文档地址](https://github.com/GoogleChromeLabs/squoosh#readme) 18 | - 仓库资源：[github地址](https://github.com/GoogleChromeLabs/squoosh) 19 | - Demo预览：[预览](https://squoosh.app/) 20 | 21 | 22 | ## 查询必备 23 | - [Awesomejs](https://awesomejs.dev/)- 查询你的项目使用的插件，很全！！！ 24 | - [Devdocs- 在线查询各种编程手册的文档](https://devdocs.io/) 25 | - [Can I Use- 查询CSS、Js在各种流行浏览器中的特性和兼容性](https://caniuse.com/) 26 | 27 | ## 浏览器插件 28 | - [Vuejs Devtools](https://github.com/vuejs/devtools)- 用于调试 Vue.js 应用程序的浏览器 devtools 扩展 29 | - [掘金插件](https://juejin.cn/extension)- 一站式聚合优质内容 · 快捷工具 · 常用网址 30 | - [Lighthouse](https://developers.google.com/web/tools/lighthouse)- 是一个开源的自动化工具，用于改进网络应用的质量 31 | - [Hacker Tab](https://github.com/huchenme/hacker-tab-extension)- 查询最新的热门开源项目 32 | - [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en)- json美化 33 | -------------------------------------------------------------------------------- /docs/platform/manage.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/platform/manage.md -------------------------------------------------------------------------------- /docs/platform/mobile/echart.md: -------------------------------------------------------------------------------- 1 | # 图表组件 2 | 3 | ## ECharts 4 | 5 | `ECharts` 是一个由百度开发的基于 JavaScript 的可视化图表库，提供了直观，交互丰富，可高度个性化定制的数据可视化图表解决方案。 6 | 7 | ![start](https://img.shields.io/github/stars/apache/echarts?style=social) 8 | 9 | #### 资源地址 10 | 11 | - 官方文档：[文档地址](https://echarts.apache.org/zh/index.html) 12 | - 仓库资源： 13 | - [github 地址](https://github.com/apache/echarts/) 14 | - [gitee 地址](https://gitee.com/mirrors/echarts) 15 | 16 | ## AntV 17 | 18 | `AntV` 是蚂蚁金服全新一代数据可视化解决方案，提供了一系列的数据可视化工具和图表库，包括 G2、G6、F2、L7 等，帮助用户轻松地实现各种复杂的数据可视化需求。 19 | 20 | ![start](https://img.shields.io/github/stars/antvis/G2?style=social) 21 | 22 | #### 资源地址 23 | 24 | - 官方文档：[文档地址](https://antv-g2.gitee.io/zh/docs/) 25 | - 仓库资源：[github 地址](https://github.com/antvis/G2/) 26 | 27 | ## Highcharts 28 | 29 | `Highcharts` 是一款基于 JavaScript 的图表库，可以用来呈现各种类型的图表，如线性图、面积图、柱状图、饼状图等。它提供了丰富的 API 接口和配置项，可以使用户轻松地自定义图表样式和交互效果。 30 | 31 | ![start](https://img.shields.io/github/stars/highcharts/highcharts?style=social) 32 | 33 | #### 资源地址 34 | 35 | - 官方文档：[文档地址](https://www.highcharts.com/docs/index-cn) 36 | - 仓库资源：[github 地址](https://github.com/highcharts/highcharts/) 37 | 38 | ## Vue-chartjs 39 | 40 | `Vue-chartjs` 是一个基于 `Chart.js` 的 Vue.js 图表组件库，可以方便地在 Vue.js 应用程序中使用 Chart.js 创建各种类型的图表，如折线图、柱状图、饼状图等。 41 | 42 | ![start](https://img.shields.io/github/stars/apertureless/vue-chartjs?style=social) 43 | 44 | #### 资源地址 45 | 46 | - 官方文档：[文档地址](https://vue-chartjs.org/) 47 | - 仓库资源：[github 地址](https://github.com/apertureless/vue-chartjs/) 48 | 49 | ## D3.js 50 | 51 | `D3.js` 是一款基于 JavaScript 的数据可视化库，可以用来创建各种类型的交互式数据可视化图表，如折线图、柱状图、饼状图、力导向图等。它提供了强大的数据操作和 DOM 操作功能，可以方便地对数据进行处理和操作。 52 | 53 | ![start](https://img.shields.io/github/stars/d3/d3?style=social) 54 | 55 | #### 资源地址 56 | 57 | - 官方文档：[文档地址](https://d3js.org/) 58 | - 仓库资源： 59 | - [github 地址](https://github.com/d3/d3/) 60 | - [gitee 地址](https://gitee.com/mirrors/d3) 61 | 62 | ## ApexCharts 63 | 64 | `ApexCharts` 是一个基于 JavaScript 的交互式图表库，可以用来创建各种类型的图表，如折线图、柱状图、饼状图、雷达图等。它提供了丰富的配置项和 API 接口，可以方便地自定义图表样式和交互效果。 65 | 66 | ![start](https://img.shields.io/github/stars/apexcharts/apexcharts.js?style=social) 67 | 68 | #### 资源地址 69 | 70 | - 官方文档：[文档地址](https://apexcharts.com/docs/) 71 | - 仓库资源：[github 地址](https://github.com/apexcharts/apexcharts.js/) 72 | 73 | ## V-charts 74 | 75 | `V-charts` 是基于 Vue.js 和 ECharts 的图表组件库，可以方便地在 Vue.js 应用程序中使用 ECharts 创建各种类型的图表，如折线图、柱状图、饼状图等。 76 | 77 | ![start](https://img.shields.io/github/stars/ElemeFE/v-charts?style=social) 78 | 79 | #### 资源地址 80 | 81 | - 官方文档：[文档地址](https://v-charts.js.org/#/) 82 | - 仓库资源： 83 | - [github 地址](https://github.com/ElemeFE/v-charts/) 84 | - [gitee 地址](https://gitee.com/mirrors/v-charts) 85 | 86 | ## PivotTable.js 87 | 88 | `PivotTable.js` 是一个基于 JavaScript 的透视表库，可以用来对大量的数据进行透视和分析，可以方便地对数据进行汇总、计算、筛选和排序等操作。 89 | 90 | ![start](https://img.shields.io/github/stars/nicolaskruchten/pivottable?style=social) 91 | 92 | #### 资源地址 93 | 94 | - 官方文档：[文档地址](https://pivottable.js.org/examples/) 95 | - 仓库资源：[github 地址](https://github.com/nicolaskruchten/pivottable/) 96 | 97 | ## Recharts 98 | 99 | Recharts 是一个基于 React 和 D3 的图表库，它能够帮助用户以一种简单、直观的方式设计各种图表。 100 | 101 | ![start](https://img.shields.io/npm/dm/recharts?color=ff69b4&style=social) 102 | 103 | #### 资源地址 104 | 105 | - 官方文档：[文档地址](https://recharts.org/zh-CN/) 106 | - 仓库资源：[github 地址](https://github.com/recharts/recharts/) 107 | 108 | ## Chartkick 109 | 110 | Chartkick 是一个简单易用的 JavaScript 图表库，能够通过 Ajax 或简单数据传输实现自动更新图表数据，支持多种类型的图表并能够进行高度自定义。 111 | 112 | ![start](https://img.shields.io/github/stars/ankane/chartkick?style=social) 113 | 114 | #### 资源地址 115 | 116 | - 官方文档：[文档地址](https://chartkick.com/) 117 | - 仓库资源： 118 | - [GitHub 地址](https://github.com/ankane/chartkick) 119 | - [Gitee 地址](https://gitee.com/mirrors/chartkick) 120 | 121 | ## vis.js 122 | 123 | vis.js 是一款开源的 JavaScript 数据可视化库，它提供了一系列专业的、可定制的可视化组件，能够呈现出极具吸引力的交互式网页图表。 124 | 125 | ![start](https://img.shields.io/github/stars/visjs/vis-network?style=social) 126 | 127 | #### 资源地址 128 | 129 | - 官方文档: [文档地址](https://visjs.github.io/vis-network/docs/network/) 130 | - 仓库资源: [GitHub 地址](https://github.com/visjs/vis-network) -------------------------------------------------------------------------------- /docs/platform/mobile/form.md: -------------------------------------------------------------------------------- 1 | # 表单组件 2 | Vue3表单组件是基于Vue.js 3.0开发的可以用于构建各种输入表单的组件，包括输入框、下拉框、单选框、复选框、日期选择和文件上传等表单元素。它提供强大的数据绑定和验证机制，可以方便地与Vue3数据绑定结合使用。Vue3表单组件的使用简单，只需要在页面中引入相关组件，并编写对应的数据绑定和事件处理，即可快速搭建一个完整的表单界面 3 | ## Vue Formulate 4 | 5 | Vue Formulate是一个灵活的表单组件库，可满足各种表单需求。它支持多种表单字段类型，包括文本框、下拉框、单选框、复选框等，并支持自定义表单字段类型。此外，它还支持多语言和国际化、表单校验和异步验证等功能。 Vue Formulate使用简单，可以快速集成到项目中。同时，它得到及时更新，支持Vue 3.x版本。 6 | 7 | ![GitHub stars](https://img.shields.io/github/stars/wearebraid/vue-formulate?style=social) 8 | 9 | #### 资源地址 10 | - [GitHub地址](https://github.com/wearebraid/vue-formulate) 11 | - [文档地址](https://vueformulate.com/) 12 | 13 | 14 | #### 特点 15 | - 灵活的表单组件库，支持多种表单字段类型 16 | - 支持自定义表单字段类型 17 | - 支持多语言和国际化 18 | - 支持表单校验和异步验证 19 | - 易于使用，可快速集成到项目中 20 | - 提供详细的文档和示例展示 21 | - 支持服务器端渲染 22 | 23 | ## VeeValidate 4 24 | 25 | VeeValidate 4 是一个简单易用、灵活的表单验证库，可以轻松地对表单进行验证。它支持多种验证规则，包括必填、格式验证、长度验证等，并支持自定义验证规则。此外，它还支持国际化、异步验证、验证消息定制和多触发方式等功能。VeeValidate 4 易于使用，可以与多种前端框架进行集成，如 Vue、React、Angular 等。 26 | 27 | ![GitHub stars](https://img.shields.io/github/stars/logaretm/vee-validate?style=social) 28 | 29 | ### 资源地址 30 | - [GitHub 地址](https://github.com/logaretm/vee-validate) 31 | - [官方网站](https://vee-validate.logaretm.com/v4/) 32 | 33 | ### 特点 34 | - 简单易用、灵活的表单验证库。 35 | - 支持多种验证规则，包括必填、格式验证、长度验证等。 36 | - 支持自定义验证规则，并且可以重用。 37 | - 支持国际化、异步验证、验证消息定制和多触发方式等功能。 38 | - 易于使用，可以与多种前端框架进行集成，如 Vue、React、Angular 等。 39 | - 受到广泛的社区支持，得到持续更新和维护。 40 | 41 | 42 | ## vue-final-form 43 | 44 | vue-final-form 是一个基于 Vue.js 的表单管理库，可以方便地管理表单状态和表单数据。它支持多种表单字段类型，包括文本框、下拉框、单选框、复选框等，并支持自定义表单字段类型。此外，它还支持表单验证和异步验证等功能，可以轻松地实现表单的校验。vue-final-form 对原始表单数据进行了拷贝，实现了“不变性”，这可以使表单状态管理更加简单。vue-final-form 易于使用，可以与 Vue.js 紧密集成。 45 | 46 | ![GitHub stars](https://img.shields.io/github/stars/vue-final-form/vue-final-form?style=social) 47 | 48 | ### 资源地址 49 | - [GitHub 地址](https://github.com/vue-final-form/vue-final-form) 50 | - [官方文档](https://vue-final-form.org/) 51 | 52 | ### 特点 53 | - 基于 Vue.js 的表单管理库，可以方便地管理表单状态和表单数据。 54 | - 支持多种表单字段类型，包括文本框、下拉框、单选框、复选框等。 55 | - 支持自定义表单字段类型。 56 | - 支持表单验证和异步验证等功能，可以轻松地实现表单的校验。 57 | - 实现了表单数据的“不变性”，可以使表单状态管理更加简单。 58 | - 易于使用，可以与 Vue.js 紧密集成。 59 | - 提供详细的文档和示例展示。 60 | ## v-select 61 | 62 | v-select 是一个基于 Vue.js 的下拉选择框组件，提供了多种下拉选择框的UI样式和功能。通过 v-select 组件，用户可以方便地选择一个或多个选项，并且可以自定义选项的展示样式和筛选规则等。v-select 支持异步加载选项和远程搜索等功能，并且可以非常方便地集成到 Vue.js 项目中。 63 | 64 | ![GitHub stars](https://img.shields.io/github/stars/sagalbot/vue-select?style=social) 65 | 66 | ### 资源地址 67 | - [GitHub 地址](https://github.com/sagalbot/vue-select) 68 | - [官方文档](https://vue-select.org/) 69 | 70 | ### 特点 71 | - 基于 Vue.js 的下拉选择框组件，提供了多种下拉选择框的UI样式和功能。 72 | - 支持单选和多选模式，可以自定义选项的展示样式和筛选规则等。 73 | - 支持异步加载选项和远程搜索等功能。 74 | - 易于使用，可以非常方便地集成到 Vue.js 项目中。 75 | - 支持自定义选项模板和选项加载提示等功能。 76 | - 提供详细的文档和示例展示。 77 | - 受到广泛的社区支持，得到持续更新和维护。 78 | 79 | ## Vue Formily 80 | 81 | Vue Formily 是一个基于 Vue.js 的表单管理框架，它简化了表单的开发和管理流程，提供了可扩展的表单组件和表单数据管理工具。Vue Formily 支持自定义表单组件、表单校验、表单联动、表单数据绑定等功能，并且可以非常方便地集成到 Vue.js 项目中。Vue Formily 还支持 JSON Schema，可以根据 JSON Schema 自动生成表单。 82 | 83 | ![GitHub stars](https://img.shields.io/github/stars/alibaba/formily?style=social) 84 | 85 | ### 资源地址 86 | - [GitHub 地址](https://github.com/alibaba/formily) 87 | - [官方文档](https://formilyjs.org/#/) 88 | 89 | ### 特点 90 | - 基于 Vue.js 的表单管理框架，简化了表单的开发和管理流程。 91 | - 提供可扩展的表单组件和表单数据管理工具。 92 | - 支持自定义表单组件、表单校验、表单联动、表单数据绑定等功能。 93 | - 支持 JSON Schema，可以根据 JSON Schema 自动生成表单。 94 | - 易于使用，可以非常方便地集成到 Vue.js 项目中。 95 | - 提供详细的文档和示例展示。 96 | - 受到广泛的社区支持，得到持续更新和维护。 97 | 98 | ## vue-form-generator 99 | 100 | vue-form-generator 是一个基于 Vue.js 的表单生成器库，可以快速地生成表单，而无需手动编写 HTML 及相关表单逻辑代码。它提供了多种表单字段类型和 UI 样式，支持表单验证、表单联动等常用功能，并且可以方便地自定义表单字段类型和表单验证规则。vue-form-generator 可以轻松地集成到 Vue.js 项目中，提高开发效率，减少工作量。 101 | 102 | ![GitHub stars](https://img.shields.io/github/stars/icebob/vue-form-generator?style=social) 103 | 104 | ### 资源地址 105 | - [GitHub 地址](https://github.com/icebob/vue-form-generator) 106 | - [官方文档](https://icebob.github.io/vue-form-generator/) 107 | 108 | ### 特点 109 | - 基于 Vue.js 的表单生成器库，可以快速地生成表单。 110 | - 提供多种表单字段类型和 UI 样式，支持表单验证、表单联动等常用功能。 111 | - 可以方便地自定义表单字段类型和表单验证规则。 112 | - 支持动态表单和多级表单等高级功能。 113 | - 易于使用，可以轻松地集成到 Vue.js 项目中。 114 | - 提供详细的文档和示例展示。 115 | - 受到广泛的社区支持，得到持续更新和维护。 116 | 117 | ## Vue Form Wizard 118 | 119 | Vue Form Wizard 是一个基于 Vue.js 的多步骤表单组件库，可以方便地构建复杂的多步骤表单。它使用简单，可自定义，提供了多种样式和功能，支持表单验证和表单数据管理等常用功能。Vue Form Wizard 还支持动态表单字段和表单联动等高级功能，可以轻松地应用于各种应用场景。 120 | 121 | ![GitHub stars](https://img.shields.io/github/stars/cristijora/vue-form-wizard?style=social) 122 | 123 | ### 资源地址 124 | - [GitHub 地址](https://github.com/cristijora/vue-form-wizard) 125 | - [官方文档](https://cristijora.github.io/vue-form-wizard/#/) 126 | 127 | ### 特点 128 | - 基于 Vue.js 的多步骤表单组件库，可以方便地构建复杂的多步骤表单。 129 | - 使用简单，可自定义，提供了多种样式和功能。 130 | - 支持表单验证和表单数据管理等常用功能。 131 | - 支持动态表单字段和表单联动等高级功能。 132 | - 易于使用，可以轻松地集成到 Vue.js 项目中。 133 | - 提供详细的文档和示例展示。 134 | - 受到广泛的社区支持，得到持续更新和维护。 135 | 136 | ## Vue JSON Schema Form 137 | 138 | Vue JSON Schema Form 是一个基于 Vue.js 和 JSON Schema 的表单生成器库，可以根据 JSON Schema 自动生成表单。它提供了多种表单字段类型和 UI 样式，支持表单验证和表单联动等常用功能，并且可以方便地自定义表单字段类型和表单验证规则。Vue JSON Schema Form 可以轻松地集成到 Vue.js 项目中，提高开发效率，减少工作量。 139 | 140 | ![GitHub stars](https://img.shields.io/github/stars/lljj-x/vue-json-schema-form?style=social) 141 | 142 | ### 资源地址 143 | - [GitHub 地址](https://github.com/lljj-x/vue-json-schema-form) 144 | - [官方文档](https://github.com/lljj-x/vue-json-schema-form#readme) 145 | 146 | ### 特点 147 | - 基于 Vue.js 和 JSON Schema 的表单生成器库，可以根据 JSON Schema 自动生成表单。 148 | - 提供多种表单字段类型和 UI 样式，支持表单验证和表单联动等常用功能。 149 | - 可以方便地自定义表单字段类型和表单验证规则。 150 | - 支持多语言和动态表单等高级功能。 151 | - 易于使用，可以轻松地集成到 Vue.js 项目中。 152 | - 提供详细的文档和示例展示。 153 | - 受到广泛的社区支持，得到持续更新和维护。 154 | 155 | ## Vue FormBuilder 156 | 157 | Vue FormBuilder 是一个基于 Vue.js 的表单生成器库，可以快速地生成表单，而无需手动编写 HTML 及相关表单逻辑代码。它提供了多种表单字段类型和 UI 样式，支持表单验证、表单联动等常用功能，并且可以方便地自定义表单字段类型和表单验证规则。Vue FormBuilder 可以轻松地集成到 Vue.js 项目中，提高开发效率，减少工作量。 158 | 159 | ![GitHub stars](https://img.shields.io/github/stars/mrabit/vue-formbuilder?style=social) 160 | 161 | ### 资源地址 162 | - [GitHub 地址](https://github.com/mrabit/vue-formbuilder) 163 | - [官方文档](https://github.com/mrabit/vue-formbuilder#readme) 164 | 165 | ### 特点 166 | - 基于 Vue.js 的表单生成器库，可以快速地生成表单。 167 | - 提供多种表单字段类型和 UI 样式，支持表单验证、表单联动等常用功能。 168 | - 可以方便地自定义表单字段类型和表单验证规则。 169 | - 支持多语言和动态表单等高级功能。 170 | - 易于使用，可以轻松地集成到 Vue.js 项目中。 171 | - 提供详细的文档和示例展示。 172 | - 受到广泛的社区支持，得到持续更新和维护。 173 | 174 | ## Vue Formulate 175 | 176 | Vue Formulate 是一个基于 Vue.js 的表单生成器库，可以方便地构建复杂的表单。它提供了多种表单字段类型和 UI 样式，支持表单验证和表单数据管理等常用功能，并且可以方便地自定义表单字段类型和表单验证规则。Vue Formulate 还支持表单联动、动态表单字段和异步数据加载等高级功能，可以轻松地应用于各种应用场景。 177 | 178 | ![GitHub stars](https://img.shields.io/github/stars/wearebraid/vue-formulate?style=social) 179 | 180 | ### 资源地址 181 | - [GitHub 地址](https://github.com/wearebraid/vue-formulate) 182 | - [官方文档](https://vueformulate.com) 183 | 184 | ### 特点 185 | - 基于 Vue.js 的表单生成器库，可以方便地构建复杂的表单。 186 | - 提供多种表单字段类型和 UI 样式，支持表单验证和表单数据管理等常用功能。 187 | - 可以方便地自定义表单字段类型和表单验证规则。 188 | - 支持表单联动、动态表单字段和异步数据加载等高级功能。 189 | - 易于使用，可以轻松地集成到 Vue.js 项目中。 190 | - 提供详细的文档和示例展示。 191 | - 受到广泛的社区支持，得到持续更新和维护。 192 | 193 | 194 | -------------------------------------------------------------------------------- /docs/platform/mobile/img.md: -------------------------------------------------------------------------------- 1 | # 图片组件 2 | 3 | 4 | ## vue-cropper 5 | 6 | vue-cropper 是一个基于 Vue.js 的图片裁剪组件。它使用了 cropperjs 库，提供了裁剪预览、缩放控制、图片旋转等基本功能，还支持上传裁剪后的图片到服务器等操作。vue-cropper 支持移动端和 PC 端，可以轻松地集成到 Vue.js 项目中，并提供了丰富的配置选项。 7 | 8 | ![GitHub stars](https://img.shields.io/github/stars/xyxiao001/vue-cropper?style=social) 9 | 10 | ### 资源地址 11 | - [GitHub 地址](https://github.com/xyxiao001/vue-cropper) 12 | - [官方网站](https://xyxiao.cn/vue-cropper/) 13 | 14 | ### 特点 15 | - 基于 Vue.js 的图片裁剪组件。 16 | - 使用了 cropperjs 库，提供裁剪预览、缩放控制、图片旋转等基本功能。 17 | - 支持上传裁剪后的图片到服务器等操作。 18 | - 支持移动端和 PC 端。 19 | - 可以轻松地集成到 Vue.js 项目中。 20 | - 提供丰富的配置选项。 21 | - 文档详细，提供示例展示。 22 | - 受到广泛的社区支持，得到持续更新和维护。 23 | 24 | ## vue-gallery 25 | 26 | Vue-Gallery 是一个易于使用的、基于 Vue.js 的图片浏览组件。Vue-Gallery 可以从图像对象数组、图像 URL 数组或单个图像 URL 中创建图像浏览器。支持键盘导航、图像标题、缩略图视图等功能。 27 | 28 | ![GitHub stars](https://img.shields.io/github/stars/RobinCK/vue-gallery?style=social) 29 | 30 | ### 资源地址 31 | - [GitHub地址](https://github.com/RobinCK/vue-gallery) 32 | - [官方网站](https://robinck.github.io/vue-gallery/example.html) 33 | 34 | ### 特点 35 | - 基于 Vue.js 的图片浏览组件。 36 | - 可以从图像对象数组、图像 URL 数组或单个图像 URL 中创建图像浏览器。 37 | - 支持键盘导航、图像标题、缩略图视图等功能。 38 | - 可以自定义大量选项和样式。 39 | - 可以轻松地集成到 Vue.js 项目中。 40 | - 支持移动端和 PC 端。 41 | - 文档详细，提供示例展示。 42 | 43 | ## vue-preview 44 | 45 | vue-preview 是一个基于 Vue.js 的图片预览组件。它使用了 PhotoSwipe 库，提供了灵活的卡片布局和拖拽等功能，并支持手势缩放、分享等高级特性，支持多个图片预览和列表滚动时的无限加载。vue-preview 还提供了多种展示样式和配置选项，可以根据不同需求来自定义显示效果。 46 | 47 | ![GitHub stars](https://img.shields.io/github/stars/LS1231/vue-preview?style=social) 48 | 49 | ### 资源地址 50 | - [GitHub 地址](https://github.com/LS1231/vue-preview) 51 | - [官方网站](https://ls1231.github.io/vue-preview/) 52 | 53 | ### 特点 54 | - 基于 Vue.js 的图片预览组件。 55 | - 使用 PhotoSwipe 库，提供灵活的卡片布局和拖拽等功能。 56 | - 支持手势缩放、分享等高级特性。 57 | - 支持多个图片预览和列表滚动时的无限加载。 58 | - 提供多种展示样式和配置选项，可以自定义显示效果。 59 | - 支持移动端和 PC 端。 60 | - 可以轻松地集成到 Vue.js 项目中。 61 | - 文档齐全，提供示例展示。 62 | - 受到广泛的社区支持，得到持续更新和维护。 63 | 64 | ## vue-croppa 65 | 66 | Vue-Croppa 是一个易于使用的、基于 Vue.js 的图片裁剪组件。它可以轻松地将图片裁剪需要的大小，支持缩放、旋转、裁剪等操作。Vue-Croppa 支持上传到服务器并返回裁剪后的图片，也可以将裁剪后的图片压缩为 base64 编码作为数据保存。 67 | 68 | ![GitHub stars](https://img.shields.io/github/stars/zhanziyang/vue-croppa?style=social) 69 | 70 | ### 资源地址 71 | - [GitHub 地址](https://github.com/zhanziyang/vue-croppa) 72 | - [官方网站](https://zhanziyang.github.io/vue-croppa/) 73 | 74 | ### 特点 75 | - 基于 Vue.js 的图片裁剪组件。 76 | - 支持缩放、旋转、裁剪等操作。 77 | - 可以上传到服务器并返回裁剪后的图片。 78 | - 可以将裁剪后的图片压缩为 base64 编码。 79 | - 支持移动端和 PC 端。 80 | - 可以轻松地集成到 Vue.js 项目中。 81 | - 提供了多种配置选项和 API。 82 | - 支持多语言。 83 | - 文档详细，提供示例展示。 84 | - 受到广泛的社区支持，得到持续更新和维护。 85 | 86 | ## vue-image-crop-upload 87 | 88 | Vue Image Crop Upload 是一个基于 Vue.js 的图片裁剪上传组件。它可以对图片进行裁剪，支持旋转、缩放等交互操作，并提供了多种裁剪比例和尺寸可供选择。Vue Image Crop Upload 可以上传裁剪后的图片，支持通过 URL 或 Blob 对象进行图片加载和保存。 89 | 90 | ![GitHub stars](https://img.shields.io/github/stars/dai-siki/vue-image-crop-upload?style=social) 91 | 92 | ### 资源地址 93 | - [GitHub 地址](https://github.com/dai-siki/vue-image-crop-upload) 94 | - [官方网站](https://dai-siki.github.io/vue-image-crop-upload/) 95 | 96 | ### 特点 97 | - 基于 Vue.js 的图片裁剪上传组件。 98 | - 可以对图片进行裁剪，支持旋转、缩放等交互操作。 99 | - 提供了多种裁剪比例和尺寸可供选择。 100 | - 可以上传裁剪后的图片。 101 | - 支持通过 URL 或 Blob 对象进行图片加载和保存。 102 | - 支持移动端和 PC 端。 103 | - 可以轻松地集成到 Vue.js 项目中。 104 | - 提供了多种配置选项和 API。 105 | - 文档详细，提供示例展示。 106 | - 受到广泛的社区支持，得到持续更新和维护。 107 | 108 | ## vue-photo-preview 109 | 110 | Vue Photo Preview 是一个轻量级的、基于 Vue.js 的图片预览组件。它支持加载网络图片，提供了多种显示方式和交互效果，如缩放、旋转、滑动等。Vue Photo Preview 还提供了多种配置选项和插件扩展，可以自定义样式和功能，如显示水印、缓存图片等。 111 | 112 | ![GitHub stars](https://img.shields.io/github/stars/826327700/vue-photo-preview?style=social) 113 | 114 | ### 资源地址 115 | - [GitHub 地址](https://github.com/826327700/vue-photo-preview) 116 | - [官方网站](https://github.com/826327700/vue-photo-preview#readme) 117 | 118 | ### 特点 119 | - 基于 Vue.js 的图片预览组件。 120 | - 支持加载网络图片。 121 | - 提供了多种显示方式和交互效果，如缩放、旋转、滑动等。 122 | - 提供了多种配置选项和插件扩展，可以自定义样式和功能。 123 | - 支持移动端和 PC 端。 124 | - 可以轻松地集成到 Vue.js 项目中。 125 | - 文档详细，提供示例展示。 126 | - 受到广泛的社区支持，得到持续更新和维护。 127 | 128 | 129 | 130 | ## vue-picture-preview 131 | 132 | Vue Picture Preview 是一个基于 Vue.js 的图片预览组件。它支持加载网络图片、本地图片，提供了多种显示方式和交互效果，如缩放、旋转、滑动等。Vue Picture Preview 还提供了多种配置选项和插件扩展，可以自定义样式和功能，如预览图片数量、查看原图、旋转的角度等。 133 | 134 | ![GitHub stars](https://img.shields.io/github/stars/xlogiccc/vue-picture-preview?style=social) 135 | 136 | ### 资源地址 137 | - [GitHub 地址](https://github.com/xlogiccc/vue-picture-preview) 138 | - [官方网站](https://github.com/xlogiccc/vue-picture-preview#readme) 139 | 140 | ### 特点 141 | - 基于 Vue.js 的图片预览组件。 142 | - 支持加载网络图片、本地图片。 143 | - 提供了多种显示方式和交互效果，如缩放、旋转、滑动等。 144 | - 提供了多种配置选项和插件扩展，可以自定义样式和功能。 145 | - 支持移动端和 PC 端。 146 | - 可以轻松地集成到 Vue.js 项目中。 147 | - 文档详细，提供示例展示。 148 | - 受到广泛的社区支持，得到持续更新和维护。 149 | 150 | ## vue-avatar-cropper 151 | 152 | Vue Avatar Cropper 是一个基于 Vue.js 和 Cropper.js 的头像裁剪组件。它可以对上传的图片进行裁剪、缩放、旋转等操作，并支持自定义裁剪区域大小和比例。Vue Avatar Cropper 支持上传裁剪后的图片，支持设置上传文件格式、大小限制等，可以方便地集成到 Vue.js 项目中。 153 | 154 | ![GitHub stars](https://img.shields.io/github/stars/overtrue/vue-avatar-cropper?style=social) 155 | 156 | ### 资源地址 157 | - [GitHub 地址](https://github.com/overtrue/vue-avatar-cropper) 158 | - [官方网站](https://github.com/overtrue/vue-avatar-cropper#readme) 159 | 160 | ### 特点 161 | - 基于 Vue.js 和 Cropper.js 的头像裁剪组件。 162 | - 可以对上传的图片进行裁剪、缩放、旋转等操作。 163 | - 支持自定义裁剪区域大小和比例。 164 | - 可以上传裁剪后的图片。 165 | - 支持设置上传文件格式、大小限制等。 166 | - 可以轻松地集成到 Vue.js 项目中。 167 | - 提供了多种配置选项和 API。 168 | - 文档详细，提供示例展示。 169 | - 受到广泛的社区支持，得到持续更新和维护。 170 | 171 | 172 | ## vue-advanced-cropper 173 | 174 | Vue Advanced Cropper是一个基于Vue.js和cropperjs的图像裁剪组件。它提供了许多高级功能。它支持裁剪、缩放、旋转等操作，并提供了多种样式和交互效果，如网格线、对角线等。Vue Advanced Cropper支持上传裁剪后的图像，支持设置上传文件格式、大小限制等，并且可以集成与您的Vue.js项目中。 175 | 176 | ![GitHub stars](https://img.shields.io/github/stars/advanced-cropper/vue-advanced-croppe?style=social) 177 | 178 | ### 资源地址 179 | - [GitHub 地址](https://github.com/advanced-cropper/vue-advanced-cropper) 180 | - [官方网站](https://advanced-cropper.github.io/vue-advanced-cropper/) 181 | 182 | ### 特点 183 | - 基于 Vue.js 和 cropperjs 的图像裁剪组件。 184 | - 支持裁剪、缩放、旋转等高级操作。 185 | - 提供了多种样式和交互效果，如网格线、对角线等。 186 | - 支持上传裁剪后的图像。 187 | - 支持设置上传文件格式、大小限制等。 188 | - 可以轻松地集成到 Vue.js 项目中。 189 | 190 | ## vue-upload-multiple-image 191 | 192 | vue-upload-multiple-image 是一个使用 Vue.js 和 Axios 的多图片上传组件。它支持图片的预览、裁剪、压缩、上传等操作，并支持设置上传文件大小、格式等限制。Vue Multi Image Upload 还可以根据不同的需求进行自定义配置和扩展，如上传文件夹、一键上传等等。 193 | 194 | ![GitHub stars](https://img.shields.io/github/stars/lekhang2512/vue-upload-multiple-image?style=social) 195 | 196 | ### 资源地址 197 | - [GitHub 地址](https://github.com/lekhang2512/vue-upload-multiple-image) 198 | - [官方网站](https://github.com/lekhang2512/vue-upload-multiple-image#readme) 199 | 200 | ### 特点 201 | - 使用 Vue.js 和 Axios 的多图片上传组件。 202 | - 支持图片的预览、裁剪、压缩、上传等操作。 203 | - 支持设置上传文件大小、格式等限制。 204 | - 可以根据不同的需求进行自定义配置和扩展。 205 | - 可以轻松地集成到 Vue.js 项目中。 206 | - 文档详细，提供示例展示。 207 | - 受到广泛的社区支持，得到持续更新和维护。 208 | 209 | 210 | ## vue-uploader 211 | 212 | Vue Uploader 是一个基于 Vue.js 和 Node.js 的文件上传组件。它支持多文件上传、图片预览、进度提示等功能，并可以设置上传文件大小、格式等限制。Vue Uploader 还可以轻松地集成到 Vue.js 项目中，并且易于扩展和自定义。 213 | 214 | ![GitHub stars](https://img.shields.io/github/stars/simple-uploader/vue-uploader?style=social) 215 | 216 | ### 资源地址 217 | - [GitHub 地址](https://github.com/simple-uploader/vue-uploader) 218 | - [官方网站](https://simple-uploader.github.io/vue-uploader/) 219 | 220 | ### 特点 221 | - 基于 Vue.js 和 Node.js 的文件上传组件。 222 | - 支持多文件上传、图片预览、进度提示等功能。 223 | - 可以设置上传文件大小、格式等限制。 224 | - 可以轻松地集成到 Vue.js 项目中。 225 | - 易于扩展和自定义。 226 | - 文档详细，提供示例展示。 227 | - 受到广泛的社区支持，得到持续更新和维护。 228 | 229 | ## vue-lazyload 230 | 231 | Vue-lazyload 是一个基于 Vue.js 的图片懒加载开源组件，它可以帮助您优化网页性能，提高用户体验。Vue-lazyload 支持图片懒加载、占位符、错误处理、滚动容器等功能，并且可以与 Vue.js 项目轻松集成。 232 | 233 | ![GitHub stars](https://img.shields.io/github/stars/hilongjw/vue-lazyload?style=social) 234 | 235 | ### 资源地址 236 | - [GitHub 地址](https://github.com/hilongjw/vue-lazyload) 237 | - [官方文档](https://hilongjw.github.io/vue-lazyload/zh/) 238 | 239 | ### 特点 240 | - 基于 Vue.js 的图片懒加载开源组件。 241 | - 支持图片懒加载、占位符、错误处理、滚动容器等功能。 242 | - 可以与 Vue.js 项目轻松集成。 243 | - 支持 Vue 3.x 版本。 244 | - 支持 Webpack、Rollup、Parcel 等多种构建工具。 245 | - 提供丰富的配置选项，可以根据需求进行自定义。 246 | - 受到广泛的社区支持，得到持续更新和维护。 247 | -------------------------------------------------------------------------------- /docs/platform/mobile/include.md: -------------------------------------------------------------------------------- 1 | # 配套 2 | ## Fastclick 点击延迟问题 3 | 解决移动端点击延迟的问题 4 | 5 | ![start](https://img.shields.io/github/stars/ftlabs/fastclick?style=social) 6 | 7 | #### 资源地址 8 | - 官方文档：[文档地址](https://github.com/ftlabs/fastclick#readme) 9 | - 仓库资源：[github地址](https://github.com/ftlabs/fastclick) 10 | -------------------------------------------------------------------------------- /docs/platform/mobile/md.md: -------------------------------------------------------------------------------- 1 | 基本界面组件：包括移动端UI框架组件、移动端表单组件、移动端图片剪裁组件等； 2 | 图片相关组件：包括移动端轮播图组件、移动端图片轮播组件、移动端图片放大组件、移动端图片查看器、移动端图片懒加载组件等； 3 | 操作控件组件：包括移动端滑块组件、移动端进度条组件、移动端验证码组件等； 4 | 多媒体组件：包括移动端视频播放器、移动端音频播放器、移动端视频背景组件； 5 | 动画效果组件：包括移动端加载动画组件、移动端滑动菜单组件等； 6 | 数据展示组件：包括移动端滚动组件、移动端九宫格组件、移动端虚拟滚动组件等； 7 | 8 | 地图定位相关组件：包括移动端地图组件、移动端地理定位组件等； 9 | 时间和日期相关组件：包括移动端日期选择器、移动端计时器组件等； 10 | 国际化及多语言相关组件：包括移动端国际化组件等； 11 | 数据可视化组件：包括移动端数据可视化组件等； 12 | 数据管理和存储相关组件：包括移动端数据缓存组件、移动端本地存储组件等； 13 | 第三方授权登录组件：包括移动端社交登录组件等； 14 | 分享和社交相关组件：包括移动端分享组件等； 15 | 支付相关组件：包括移动端支付组件等； 16 | 调试和性能分析工具：包括移动端调试工具组件等； 17 | 工具函数：包括移动端语音识别组件、移动端二维码组件等； -------------------------------------------------------------------------------- /docs/platform/mobile/project.md: -------------------------------------------------------------------------------- 1 | # 开源项目 2 | ## Newbee-mall-vue3-app 3 | Vue3 全家桶 + Vant 搭建大型单页面商城项目，新蜂商城 Vue3 版本，技术栈为 Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Vant 3.0。 4 | 5 | ![start](https://img.shields.io/github/stars/newbee-ltd/newbee-mall-vue3-app?style=social) 6 | 7 | #### 资源地址 8 | - 仓库资源：[github地址](https://github.com/newbee-ltd/newbee-mall-vue3-app) 9 | - 预览地址：[预览地址](http://47.99.134.126:5008/#/home) 10 | 11 | 12 | ## Movie-trailer 13 | Vue3 + TypeScript开发的电影预告片webAPP，可以查看正在热映与即将上映的电影信息和短片 14 | 15 | ![start](https://img.shields.io/github/stars/lhz960904/movie-trailer?style=social) 16 | 17 | #### 资源地址 18 | - 仓库资源：[github地址](https://github.com/lhz960904/movie-trailer) 19 | - 预览地址：[预览地址](http://movie.ihaoze.cn/recommend) 20 | 21 | ## Vue-authorized 22 | 基于Vue3 function-based 构建cnode社区 23 | 24 | ![start](https://img.shields.io/github/stars/xjh22222228/vue-authorized?style=social) 25 | 26 | #### 资源地址 27 | - 仓库资源：[github地址](https://github.com/xjh22222228/vue-authorized) 28 | 29 | ## Vue-h5-template 30 | 使用Vue3.0+Typescript+Vant搭建移动端H5页面开发所需的基础模板，并提供一些通用型的解决方案及扩展功能。 31 | 32 | ![start](https://img.shields.io/github/stars/Ewall1106/vue-h5-template?style=social) 33 | 34 | #### 资源地址 35 | - 仓库资源：[github地址](https://github.com/Ewall1106/vue-h5-template) 36 | - 预览地址：[预览地址](https://template.xwhx.top/) -------------------------------------------------------------------------------- /docs/platform/mobile/scroll.md: -------------------------------------------------------------------------------- 1 | # 滚动组件 2 | ## BetterScroll 3 | 使移动端滑动体验更加流畅 4 | 5 | ![start](https://img.shields.io/github/stars/ustbhuangyi/better-scroll?style=social) 6 | 7 | #### 资源地址 8 | - 官方文档：[文档地址](https://better-scroll.github.io/docs/zh-CN/) 9 | - 仓库资源：[github地址](https://github.com/ustbhuangyi/better-scroll) 10 | - 预览地址：[预览地址](https://better-scroll.github.io/examples/) 11 | 12 | ## Mescroll 13 | 移动端上拉刷新下拉加载 14 | 15 | ![start](https://img.shields.io/github/stars/ustbhuangyi/better-scroll?style=social) 16 | 17 | #### 资源地址 18 | - 官方文档：[文档地址](http://www.mescroll.com/api.html) 19 | - 仓库资源：[github地址](https://github.com/mescroll/mescroll) 20 | 21 | ## FullPage.js 22 | 非常好用的全屏滑动库 23 | 24 | ![start](https://img.shields.io/github/stars/alvarotrigo/fullpage.js?style=social) 25 | 26 | #### 资源地址 27 | - 官方文档：[文档地址](https://github.com/alvarotrigo/fullPage.js/#fullpagejs) 28 | - 仓库资源：[github地址](https://github.com/alvarotrigo/fullpage.js) 29 | - 预览地址：[预览地址](https://alvarotrigo.com/fullPage/) 30 | -------------------------------------------------------------------------------- /docs/platform/mobile/ui.md: -------------------------------------------------------------------------------- 1 | # UI 库 2 | 3 | ## Vant 4 | 5 | `Vant`是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。 6 | ![start](https://img.shields.io/github/stars/youzan/vant?style=social) 7 | 8 | #### 资源地址 9 | 10 | - 官方文档：[vue3 版本文档](https://vant-contrib.gitee.io/vant/v3/#/zh-CN) 11 | - 仓库资源： 12 | - [github 地址](https://github.com/youzan/vant) 13 | - [gitee 地址](https://gitee.com/vant-contrib/vant) 14 | 15 | #### 特性 16 | 17 | - 提供 60 多个高质量组件，覆盖移动端各类场景 18 | - 性能极佳，组件平均体积不到 1kb（min+gzip） 19 | - 单元测试覆盖率 90%+，提供稳定性保障 20 | - 完善的中英文文档和示例 21 | - 支持 Vue 2 & Vue 3 22 | - 支持按需引入 23 | - 支持主题定制 24 | - 支持国际化 25 | - 支持 TypeScript 26 | - 支持 SSR 27 | 28 | ## NutUI 3.0 29 | 30 | `NutUI` 是京东风格的 Vue 移动端组件库，开发和服务于移动 Web 界面的企业级产品。 31 | 32 | ![start](https://img.shields.io/github/stars/jdf2e/nutui?style=social) 33 | 34 | #### 资源地址 35 | 36 | - 官方文档：[文档地址](https://nutui.jd.com/#/intro) 37 | - 仓库资源： 38 | - [github 地址](https://github.com/jdf2e/nutui) 39 | - [gitee 地址](https://gitee.com/jd-platform-opensource/nutui) 40 | 41 | #### 特性 42 | 43 | - 70+ 高质量组件（3.0 持续开发中） 44 | - 基于京东 APP 10.0 视觉规范 45 | - 支持按需引用 46 | - 详尽的文档和示例 47 | - 支持 TypeScript 48 | - 支持服务端渲染（测试阶段） 49 | - 支持定制主题 50 | - 单元测试覆盖（3.0 开发中） 51 | 52 | ## Varlet 53 | 54 | `Varlet`是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区的小伙伴开发和维护。 55 | 56 | ![start](https://img.shields.io/github/stars/jdf2e/nutui?style=social) 57 | 58 | #### 资源地址 59 | 60 | - 官方文档：[文档地址](https://varlet.gitee.io/varlet-ui/#/zh-CN/home) 61 | - 仓库资源： 62 | - [github 地址](https://github.com/haoziqaq/varlet) 63 | - [gitee 地址](https://gitee.com/varlet/varlet-ui) 64 | 65 | #### 特性 66 | 67 | - 提供 40 多个高质量通用组件 68 | - 组件十分轻量 69 | - 由国人开发，完善的中英文文档和后勤保障 70 | - 支持按需引入 71 | - 支持主题定制 72 | - 支持国际化 73 | - 支持 webstorm，vscode 组件属性高亮 74 | - 支持 SSR 75 | - 支持 Typescript 76 | 77 | ## Ionic Framework 78 | 79 | `Ionic Framework` 是一个开源 UI 工具包，用于使用 Web 技术（HTML、CSS 和 JavaScript）构建高性能、高质量的移动和桌面应用程序，并集成了 Angular、React 和 Vue 等流行框架。 80 | 81 | ![start](https://img.shields.io/github/stars/ionic-team/ionic-framework?style=social) 82 | 83 | #### 资源地址 84 | 85 | - 官方文档：[vue 文档地址](https://ionicframework.com/docs/vue/overview) 86 | - 仓库资源：[github 地址](https://github.com/ionic-team/ionic-framework) 87 | 88 | ## WaveUI 89 | 90 | `WaveUI` 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择 91 | 92 | ![start](https://img.shields.io/github/stars/antoniandre/wave-ui?style=social) 93 | 94 | #### 资源地址 95 | 96 | - 官方文档：[文档地址](https://antoniandre.github.io/wave-ui/) 97 | - 仓库资源：[github 地址](https://github.com/antoniandre/wave-ui) 98 | 99 | #### 特性 100 | 101 | - Fully responsive 102 | - Accessibility compliant 103 | - Very flexible 104 | - Easy to use 105 | - Obviously awesome! 106 | - Supporting Vue 3 107 | - No dependency 108 | - Lightweight 109 | 110 | ## Vuetify 111 | 112 | Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。 113 | 114 | ![start](https://img.shields.io/github/stars/vuetifyjs/vuetify?style=social) 115 | 116 | #### 资源地址 117 | 118 | - 官方文档：[文档地址](https://next.vuetifyjs.com/zh-Hans/) 119 | - 仓库资源：[github 地址](https://github.com/vuetifyjs/vuetify) 120 | 121 | ## Mand Mobile Next 122 | 123 | `Mand Mobile Next`面向金融场景，基于 Vue 3.0 移动端组件库 124 | 125 | ![start](https://img.shields.io/github/stars/mand-mobile/mand-mobile-next?style=social) 126 | 127 | #### 资源地址 128 | 129 | - 官方文档：[文档地址](https://mand-mobile.github.io/mand-mobile-next/zh-CN/) 130 | - 仓库资源：[github 地址](https://github.com/mand-mobile/mand-mobile-next) 131 | 132 | ## Cube UI 133 | 134 | `Cube UI`是一个基于`Vue.js`的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它采用了`ES6`和`Sass`等现代化技术，具有灵活性和可定制性。 135 | 136 | ![Cube UI](https://img.shields.io/github/stars/didi/cube-ui?style=social) 137 | 138 | #### 资源地址 139 | 140 | - 官方文档：[文档地址](https://didi.github.io/cube-ui/#/zh-CN/) 141 | - 仓库资源： 142 | 143 | - [github 地址](https://github.com/didi/cube-ui/) 144 | - [gitee 地址](https://gitee.com/mirrors/cube-ui) 145 | 146 | ## Onsen UI 147 | 148 | `Onsen UI`是一个基于`HTML5`和`CSS3`的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它支持多种平台和框架，包括`Angular`、`React`和`Vue.js`等。此外，它还提供了多种自定义主题和插件，使得用户可以自定义移动应用的外观和行为。 149 | 150 | ![Onsen UI](https://img.shields.io/github/stars/OnsenUI/OnsenUI?style=social) 151 | 152 | #### 资源地址 153 | 154 | - 官方文档：[文档地址](https://onsen.io/) 155 | - 仓库资源：[github 地址](https://github.com/OnsenUI/OnsenUI/) 156 | 157 | ## WeUI 158 | 159 | `WeUI`是一个基于`微信原生视觉体验`的移动端 UI 框架，提供了丰富的组件和工具，可以快速搭建高质量的移动应用。它采用了`HTML5`和`CSS3`等现代化技术，具有灵活性和可定制性。 160 | 161 | ![WeUI](https://img.shields.io/github/stars/Tencent/weui?style=social) 162 | 163 | #### 资源地址 164 | 165 | - 官方文档：[文档地址](https://weui.io/) 166 | - 仓库资源：[github 地址](https://github.com/Tencent/weui/) 167 | 168 | ## Taro UI 169 | 170 | `Taro UI`是一个基于`Taro框架`的多端 UI 组件库，可以在`微信小程序`、`支付宝小程序`、`百度小程序`、`字节跳动小程序`、`H5`和`React Native`等多个平台上使用。它提供了丰富的组件和工具，可以快速搭建高质量的跨端应用。此外，它还支持自定义主题和插件，使得用户可以自定义应用的外观和行为。 171 | 172 | ![Taro UI](https://img.shields.io/github/stars/NervJS/taro-ui?style=social) 173 | 174 | #### 资源地址 175 | 176 | - 官方文档：[文档地址](https://taro-ui.jd.com/) 177 | - 仓库资源：[github 地址](https://github.com/NervJS/taro-ui/) 178 | ## Muse UI 179 | 180 | Muse UI 是 Adobe 开发的用户界面（UI）设计系统，用于构建响应式的 Web 和移动应用程序。它包括一个预设计的组件和模板库，可以根据特定项目的品牌和设计进行自定义。Muse UI 还包括原型设计和测试工具，以及与其他 Adobe Creative Cloud 产品（如 Photoshop 和 Illustrator）的集成。Muse UI 的目标是简化设计流程，使设计人员能够快速高效地创建高质量、一致的界面。 181 | 182 | ![start](https://img.shields.io/github/stars/museui/muse-ui?style=social) 183 | 184 | #### 资源地址 185 | 186 | - 官方网站：[Muse UI 官网](https://muse-ui.org/) 187 | - 仓库资源：[github 地址](https://github.com/museui/muse-ui/) 188 | 189 | ## Ionic Vue 190 | 191 | Ionic Vue 是 Ionic 团队推出的一个基于 Vue.js 的移动应用程序开发框架。它提供了丰富的 UI 组件和工具，可以帮助开发者快速构建高性能、跨平台的移动应用程序。Ionic Vue 兼容 Vue 3，并支持 Vue.js 生态系统中的许多插件和库。 192 | 193 | ![start](https://img.shields.io/github/stars/ionic-team/ionic-framework?style=social) 194 | 195 | #### 资源地址 196 | 197 | - 官方网站：[Ionic Vue 官网](https://ionicframework.com/vue) 198 | - 仓库资源：[github 地址](https://github.com/ionic-team/ionic-framework/) 199 | 200 | ## Framework7 Vue 201 | 202 | Framework7 Vue 是一个基于 Vue.js 的移动应用程序开发框架，它提供了丰富的 UI 组件和工具，可以帮助开发者快速构建高性能、跨平台的移动应用程序。Framework7 Vue 可以与 Vue.js 生态系统中的许多插件和库集成，支持多种主题和样式定制。 203 | 204 | ![start](https://img.shields.io/github/stars/framework7io/framework7?style=social) 205 | 206 | #### 资源地址 207 | 208 | - 官方网站：[Framework7 Vue 官网](https://framework7.io/vue/) 209 | - 仓库资源：[github 地址](https://github.com/framework7io/framework7/) 210 | -------------------------------------------------------------------------------- /docs/platform/mp.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/platform/mp.md -------------------------------------------------------------------------------- /docs/platform/mp/project.md: -------------------------------------------------------------------------------- 1 | # 小程序框架 2 | 3 | ## Uni-app 4 | uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架 5 | 6 | ![start](https://img.shields.io/github/stars/dcloudio/uni-app?style=social) 7 | #### 资源地址 8 | - 官方文档：[官方文档地址](https://uniapp.dcloud.io/vue3-basics) 9 | - 仓库资源：[github地址](https://github.com/dcloudio/uni-app) 10 | 11 | ## Taro 12 | 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 13 | 14 | ![start](https://img.shields.io/github/stars/nervjs/taro?style=social) 15 | #### 资源地址 16 | - 官方文档：[官方文档地址](http://taro-docs.jd.com/taro/docs/vue3) 17 | - 仓库资源：[github地址](https://github.com/nervjs/taro) 18 | 19 | ## Kbone 20 | 一个致力于微信小程序和 Web 端同构的解决方案 21 | 22 | ![start](https://img.shields.io/github/stars/Tencent/kbone?style=social) 23 | #### 资源地址 24 | - 官方文档：[官方文档地址](https://wechat-miniprogram.github.io/kbone/docs/) 25 | - 仓库资源：[github地址](https://github.com/Tencent/kbone) 26 | -------------------------------------------------------------------------------- /docs/platform/mp/ui.md: -------------------------------------------------------------------------------- 1 | # UI库 2 | ::: tip 说明 3 | 适配vue3的小程序框架较少，如果你有发现,[点此推荐](https://github.com/hu-snail/vue3-resource/issues/new) 4 | ::: 5 | ## Vant-weapp 6 | 轻量、可靠的小程序 UI 组件库 7 | 8 | ![start](https://img.shields.io/github/stars/youzan/vant-weapp?style=social) 9 | #### 资源地址 10 | - 官方文档：[官方文档地址](https://youzan.github.io/vant-weapp/#/home) 11 | - 仓库资源：[github地址](https://github.com/youzan/vant-weapp) 12 | 13 | ## Nut-UI- Taro框架 14 | 京东风格移动端 Vue2、Vue3 组件库 15 | 16 | ![start](https://img.shields.io/github/stars/youzan/vant-weapp?style=social) 17 | #### 资源地址 18 | - 官方文档：[官方文档地址](https://nutui.jd.com/#/starttaro) 19 | - 仓库资源：[github地址](https://github.com/jdf2e/nutui) 20 | 21 | ## Wot Design Uni 22 | 这是一个基于 Vue3 + TS 开发的 uni-app 组件库 23 | 24 | ![start](https://img.shields.io/github/stars/Moonofweisheng/wot-design-uni?style=social) 25 | 26 | #### 特点 27 | - 提供了大量高质量的组件。 28 | - 支持暗黑模式。 29 | - 支持国际化。 30 | - 可自定义主题。 31 | 32 | #### 资源地址： 33 | - 官方文档：[官方文档地址](https://wot-design-uni.pages.dev/) 34 | - 仓库资源：[github 地址](https://github.com/Moonofweisheng/wot-design-uni) -------------------------------------------------------------------------------- /docs/platform/start.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hu-snail/vue3-resource/8c872be513f0047da58e3f5dd68ee8510f6211dc/docs/platform/start.md -------------------------------------------------------------------------------- /docs/platform/study.md: -------------------------------------------------------------------------------- 1 | # 学习 & 面试 2 | 建议阅读官方文档，最好的学习资料！！！ 3 | 4 | ## 社区 5 | - [掘金- 代码不止,掘金不停](https://juejin.cn/) 6 | - [stackoverflow](https://stackoverflow.com/) 7 | - [CSDN - 专业开发者社区](https://www.csdn.net/?spm=1011.2124.3001.4476) 8 | - [SegmentFault 思否](https://segmentfault.com/) 9 | - [开源中国社区 - OSCHINA - 中文开源技术交流社区](https://www.oschina.net/) 10 | - [v2ex- 国内最具影响力创意工作者社区、和开发人员交流社区](https://www.v2ex.com/) 11 | - [博客园- 面向程序员的的在线学习社区](https://www.cnblogs.com/) 12 | - [51CTO- 中国知名IT技术网络平台](http://www.51cto.com/) 13 | - [简书- 创作你的创作](https://www.jianshu.com/) 14 | - [知乎- 有问题,就会有答案](https://www.zhihu.com/) 15 | 16 | ## 文档 17 | - [vue3源码解读](https://www.vue3js.cn/start/) 18 | - [Vue组合式APIs手册](https://vue3js.cn/vue-composition-api/) 19 | - [mini-vue](https://github.com/cuixiaorui/mini-vue) - 实现最简 vue3 模型，用于深入学习 vue3 20 | - [技术胖：Vue3.x学习路线-按此路线学习畅通无比](https://www.jspang.com/detailed?id=67) 21 | - 掘金文章 22 | - [Vue 3.0 来了，我们该做些什么？](https://juejin.cn/post/6874604408030789640) 23 | - [Vue3.0 新特性以及使用经验总结](https://juejin.cn/post/6940454764421316644) 24 | - [Vue3实战系列：Vue3.0 + Vant3.0 搭建种子项目](https://juejin.cn/post/6887590229692121096) 25 | - [🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus 搭建后台管理模版](https://juejin.cn/post/7010666535173750797) 26 | - [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622) 27 | ## 视频 28 | - [Vueschool](https://vueschool.io/) 29 | - [Vite2 + Vue3项目最佳实践「持续更新中」](https://www.bilibili.com/video/BV1vX4y1K7bQ?p=2) 30 | - [李南江」Vue3.0正式版教程2020年9月19号全网首发-Vue3 One Piece 持续更新中...](https://www.bilibili.com/video/BV14k4y117LL?from=search&seid=17306204784970645166&spm_id_from=333.337.0.0) 31 | - [Vue3.0（正式版）+ Vite开发快速入门](https://www.bilibili.com/video/BV1SZ4y157m8?p=2) 32 | - [Vue3.0从0到1搭建管理后台系统项目实战](https://www.bilibili.com/video/BV183411B7nJ?p=59) 33 | 34 | 35 | ## 面试 36 | 前端面试全攻略，为您保驾护航，金三银四，金九银十 37 | - [Vuejs面试问题](https://github.com/sudheerj/vuejs-interview-questions) 38 | - [2021年，vue3.0 面试题分析（干货满满，内容详尽）](https://blog.csdn.net/qq_35942348/article/details/110677399) 39 | - [建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）](https://juejin.cn/post/6892295955844956167) 40 | - [Vue3.0面试题](https://segmentfault.com/a/1190000038848131) 41 | - [vue3.0 面试题总结](https://blog.csdn.net/weixin_40599109/article/details/110938941) 42 | - [面试官系列](https://vue3js.cn/interview/) 43 | - [吐血整理清单一](https://github.com/vue3/vue3-News/issues/9) 44 | - [吐血整理清单二](https://github.com/vue3/vue3-News/issues/10) 45 | - [吐血整理清单三](https://github.com/vue3/vue3-News/issues/11) 46 | -------------------------------------------------------------------------------- /docs/platform/toolmd/docs.md: -------------------------------------------------------------------------------- 1 | # 常用文档 2 | ::: tip 说明 3 | 整理常用的文档，不用再每次搜索，收藏这一个就够用，使用频率高的文档[欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new) 4 | ::: 5 | ## Vue3 6 | - [英文文档](https://v3.vuejs.org/) 7 | - [中文文档](https://v3.cn.vuejs.org/) 8 | 9 | ## UI库 10 | ::: warning 说明 11 | 推荐高频ui库文档，如果需要请移至具体ui推荐查看文档 12 | ::: 13 | - Element-Plus 14 | - [旧版本文档](https://doc-archive.element-plus.org/#/zh-CN/component/installation) 15 | - [新版本文档](https://element-plus.gitee.io/zh-CN/guide/installation.html) 16 | 17 | - Ant Design Vue：[文档地址](https://antdv.com/docs/vue/introduce-cn/) 18 | 19 | - Naive UI：[文档地址](https://www.naiveui.com/zh-CN/light) 20 | 21 | - Element3：[文档地址](https://element3-ui.com/#/) 22 | - Vant: [文档地址](https://vant-contrib.gitee.io/vant/v3/#/zh-CN) 23 | - NutUI 3.0: [文档地址](https://nutui.jd.com/#/intro) 24 | 25 | ## 小程序 26 | - 微信小程序：[文档地址](https://developers.weixin.qq.com/miniprogram/dev/framework/) 27 | - 字节小程序：[文档地址](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/start/introduction/) 28 | - 支付宝小程序：[文档地址](https://opendocs.alipay.com/mini) 29 | - QQ小程序：[文档地址](https://q.qq.com/wiki/) 30 | - 智能小程序：[文档地址](https://smartprogram.baidu.com/docs/introduction/enter_application/) 31 | - UniApp: [文档地址](https://uniapp.dcloud.io/) 32 | - Taro: [文档地址](http://taro-docs.jd.com/taro/docs/README/index.html) 33 | 34 | ## 组件 35 | ::: warning 说明 36 | 推荐高频组件文档，如果需要请移至具体组件推荐查看文档 37 | ::: 38 | - ECharts5：[文档地址](https://echarts.apache.org/zh/index.html) 39 | - Vue-echarts:[文档地址](https://vue-echarts.vercel.app/) 40 | - Vue.draggable.next: [文档地址](https://github.com/SortableJS/vue.draggable.next#readme) 41 | - WangEditor V5: [文档地址](https://www.wangeditor.com/v5/) 42 | - Tinymce-vue: [文档地址](https://www.tiny.cloud/docs/) 43 | - Vue-cropper: [文档地址](https://github.com/xyxiao001/vue-cropper#readme) 44 | - Vue-markdown-editor: [文档地址](https://code-farmer-i.github.io/vue-markdown-editor/zh/) 45 | - Md-editor-v3: [文档地址](https://imzbf.github.io/md-editor-v3/index) -------------------------------------------------------------------------------- /docs/platform/toolmd/introduction.md: -------------------------------------------------------------------------------- 1 | # 常用文档 2 | -------------------------------------------------------------------------------- /docs/platform/toolmd/tool.md: -------------------------------------------------------------------------------- 1 | # 常用工具 2 | ::: tip 说明 3 | 工欲善其事，必先利其器。根据自己的喜好选择！！！没有一一列举 4 | ::: 5 | ## 在线开发 6 | - [Codesandbox](https://codesandbox.io/)- 在线快速 Web 开发 7 | - [Bit.dev](https://bit.dev/)- 目前支持 React、Vue、Angular、Node 及其他 JavaScript 框架 8 | - [Stackblitz- 在线 IDE](https://stackblitz.com/)- 支持一键配置 Angular、React、Ionic、TypeScript、RxJS、Svelte 等 JavaScript 框架 9 | - [Codepen](https://codepen.io/)- 在线编辑器界面 10 | - [Jsfiddle](https://jsfiddle.net/) 11 | - [Jsrun](https://jsrun.net/) 12 | ## web 13 | - [VScode](https://vscode.en.softonic.com/download) 14 | - [Sublime Text](https://www.sublimetext.com/) 15 | - [Webstorm](https://www.jetbrains.com/webstorm/) 16 | - [Hbuilderx](https://www.dcloud.io/hbuilderx.html) 17 | 18 | ## 小程序 19 | - [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html) 20 | - [字节小程序工具](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/download/developer-instrument-update-and-download/) 21 | - [支付宝小程序工具](https://opendocs.alipay.com/mini/ide/download) 22 | - [QQ小程序工具](https://q.qq.com/wiki/tools/devtool/) 23 | - [智能小程序工具](https://smartprogram.baidu.com/docs/develop/devtools/history/) 24 | 25 | ## 其他 26 | - [Postman- 接口测试](https://www.postman.com/)：支持GET、POST、DELETE、OPTIONS、PUT等请求方式 27 | - [你的在线工具](https://tool.lu/)- 开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,json格式化... 28 | - [Bejson](https://www.bejson.com/ui/compress_img/)- 在线工具，很丰富 29 | - [正则匹配](https://c.runoob.com/front-end/854/)- 正则表达式在线测试 -------------------------------------------------------------------------------- /docs/platform/toolmd/vscode.md: -------------------------------------------------------------------------------- 1 | # VScode插件 2 | ::: tip 说明 3 | 提高日常工作效率的插件，[欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new) 4 | ::: 5 | ## 主题 6 | - [Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)- 主题色 7 | - [Material Theme Icons](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons)- 文件图标 8 | 9 | ## 格式化 10 | - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)- 脚本代码检查 11 | - [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)- 美化代码 12 | - [stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)- css格式化 13 | 14 | ## vue必备 15 | - [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)- vue必备 16 | - [Vue 3 Snippets](https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets)- vue3必备 17 | 18 | ## 自动化 19 | - [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)- 自动导入 20 | - [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)- 自动补全标签 -------------------------------------------------------------------------------- /docs/platform/vite.md: -------------------------------------------------------------------------------- 1 | # vite 插件推荐 2 | ## Vite-plugin-mock 3 | 用于本地及开发环境数据 mock 4 | 5 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-mock?style=social) 6 | #### 资源地址 7 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-mock/blob/main/README.zh_CN.md) 8 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-mock) 9 | 10 | ## Vite-plugin-html 11 | 用于 html 模版转换，可以在html文件内进行书写模版语法 12 | 13 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-html?style=social) 14 | #### 资源地址 15 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-html#readme) 16 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-html) 17 | 18 | ## Vite-plugin-style-import 19 | 用于组件库样式按需引入 20 | 21 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-style-import?style=social) 22 | #### 资源地址 23 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-style-import#readme) 24 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-style-import) 25 | 26 | ## Vite-plugin-imagemin 27 | 用于打包压缩图片资源 28 | 29 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-imagemin?style=social) 30 | #### 资源地址 31 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-imagemin#readme) 32 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-imagemin) 33 | 34 | ## Vite-plugin-theme 35 | 用于在线切换主题色/黑暗主题适配等主题相关配置 36 | 37 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-theme?style=social) 38 | #### 资源地址 39 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-theme#readme) 40 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-theme) 41 | 42 | ## Vite-plugin-compression 43 | 用于打包输出.gz|.br文件 44 | 45 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-compression?style=social) 46 | #### 资源地址 47 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-compression#readme) 48 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-compression) 49 | 50 | ## Vite-plugin-svg-icons 51 | 快速生成 svg sprite 52 | 53 | ![start](https://img.shields.io/github/stars/anncwb/vite-plugin-svg-icons?style=social) 54 | #### 资源地址 55 | - 官方文档：[官方文档地址](https://github.com/anncwb/vite-plugin-svg-icons#readme) 56 | - 仓库资源：[github地址](https://github.com/anncwb/vite-plugin-svg-icons) 57 | 58 | ## unplugin-element-plus 59 | 为 Element Plus 按需引入样式。 60 | 61 | ![start](https://img.shields.io/github/stars/element-plus/unplugin-element-plus?style=social) 62 | #### 资源地址 63 | - 官方文档：[官方文档地址](https://github.com/element-plus/unplugin-element-plus/blob/main/README.zh-CN.md) 64 | - 仓库资源：[github地址](https://github.com/element-plus/unplugin-element-plus) -------------------------------------------------------------------------------- /docs/platform/web/animate.md: -------------------------------------------------------------------------------- 1 | # 动画 2 | 3 | ## Animate.css 4 | css动画库 5 | 6 | ![start](https://img.shields.io/github/stars/animate-css/animate.css?style=social) 7 | #### 资源地址 8 | - 官方文档：[官方文档地址](https://animate.style/#documentation) 9 | - 仓库资源：[github地址](https://github.com/animate-css/animate.css) 10 | - 预览地址：[examples](https://animate.style/) 11 | 12 | 13 | ## Wow.js 14 | 滚动展示动画,WOW.js 依赖 [animate.css](https://github.com/animate-css/animate.css)，所以它支持 animate.css 多达 60 多种的动画效果。 15 | 16 | ![start](https://img.shields.io/github/stars/matthieua/WOW?style=social) 17 | #### 资源地址 18 | - 官方文档：[官方文档地址](https://github.com/matthieua/WOW#readme) 19 | - 仓库资源：[github地址](https://github.com/matthieua/WOW) 20 | - 预览地址：[examples](https://www.delac.io/WOW/) 21 | 22 | 23 | ## Scrollreveal.js 24 | 滚动展示动画,类似wow.js 25 | 26 | ![start](https://img.shields.io/github/stars/jlmakes/scrollreveal?style=social) 27 | #### 资源地址 28 | - 官方文档：[官方文档地址](https://github.com/jlmakes/scrollreveal#readme) 29 | - 仓库资源：[github地址](https://github.com/jlmakes/scrollreveal) 30 | - 预览地址：[examples](https://scrollrevealjs.org/) 31 | 32 | ## Anime.js 33 | js动画库 34 | 35 | ![start](https://img.shields.io/github/stars/juliangarnier/anime?style=social) 36 | #### 资源地址 37 | - 官方文档：[官方文档地址](https://animejs.com/documentation/) 38 | - 仓库资源：[github地址](https://github.com/juliangarnier/anime/) 39 | - 预览地址：[examples](https://codepen.io/collection/XLebem/) 40 | 41 | ## Velocity.js 42 | 一个功能齐全的 JavaScript 动画套件，包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果 43 | 44 | ![start](https://img.shields.io/github/stars/julianshapiro/velocity?style=social) 45 | #### 资源地址 46 | - 官方文档：[官方文档地址](http://velocityjs.org/) 47 | - 仓库资源：[github地址](https://github.com/julianshapiro/velocity) 48 | - 预览地址：[examples](http://velocityjs.org/) 49 | 50 | 51 | ## Hover.css 52 | CSS hover 悬停效果，可以应用于链接、按钮、图片等等 53 | 54 | ![start](https://img.shields.io/github/stars/IanLunn/Hover?style=social) 55 | #### 资源地址 56 | - 官方文档：[官方文档地址](https://github.com/IanLunn/Hover#readme) 57 | - 仓库资源：[github地址](https://github.com/IanLunn/Hover) 58 | - 预览地址：[examples](http://ianlunn.github.io/Hover/) 59 | 60 | 61 | ## Magic.css 62 | css3 animation动画库 63 | 64 | ![start](https://img.shields.io/github/stars/miniMAC/magic?style=social) 65 | #### 资源地址 66 | - 官方文档：[官方文档地址](https://github.com/miniMAC/magic#readme) 67 | - 仓库资源：[github地址](https://github.com/miniMAC/magic) 68 | - 预览地址：[examples](https://www.minimamente.com/project/magic/) 69 | 70 | ## Move.js 71 | 一个小型的JavaScript库，通过JS来控制一系列的CSS动画顺序执行，使CSS3动画变得非常简单和优雅。 72 | 73 | ![start](https://img.shields.io/github/stars/visionmedia/move.js?style=social) 74 | #### 资源地址 75 | - 官方文档：[官方文档地址](http://visionmedia.github.io/move.js/) 76 | - 仓库资源：[github地址](https://github.com/visionmedia/move.js) 77 | - 预览地址：[examples](http://visionmedia.github.io/move.js/) 78 | 79 | ## Waves.js 80 | 水波纹动画 81 | 82 | ![start](https://img.shields.io/github/stars/fians/Waves?style=social) 83 | #### 资源地址 84 | - 官方文档：[官方文档地址](https://github.com/fians/Waves#readme) 85 | - 仓库资源：[github地址](https://github.com/fians/Waves) 86 | - 预览地址：[examples](http://fian.my.id/Waves/) 87 | 88 | ## My-animation-list 89 | 常用的动画列表，css动画 90 | 91 | ![start](https://img.shields.io/github/stars/limichange/my-animation-list?style=social) 92 | #### 资源地址 93 | - 官方文档：[官方文档地址](https://github.com/limichange/my-animation-list#readme) 94 | - 仓库资源：[github地址](https://github.com/limichange/my-animation-list) 95 | - 预览地址：[examples](https://limichange.github.io/my-animation-list/) 96 | -------------------------------------------------------------------------------- /docs/platform/web/audio-video.md: -------------------------------------------------------------------------------- 1 | # 音频/视频 2 | ::: tip 说明 3 | 推荐常用且优秀的音频/视频组件，全部支持vue3！！！ 4 | ::: 5 | 6 | ## XGplayer 7 | 一款带解析器、能节省流量的HTML5视频播放器，支持音频/视频 8 | 9 | ![start](https://img.shields.io/github/stars/bytedance/xgplayer?style=social) 10 | #### 资源地址 11 | - 官方文档：[官方文档地址](http://v2.h5player.bytedance.com/) 12 | - 仓库资源：[github地址](https://github.com/bytedance/xgplayer) 13 | 14 | ## Vue-plyr 15 | [plyr](https://github.com/sampotts/plyr) 视频和音频播放器的 vue 组件。支持音频/视频 16 | 17 | ![start](https://img.shields.io/github/stars/redxtech/vue-plyr?style=social) 18 | #### 资源地址 19 | - 官方文档：[官方文档地址](https://github.com/redxtech/vue-plyr#readme) 20 | - 仓库资源：[github地址](https://github.com/redxtech/vue-plyr) 21 | 22 | ## Vue3-video-play 23 | 适用于 Vue3 的 hls.js 播放器组件 | 并且支持MP4/WebM/Ogg格式，配置强大，UI还算好看 24 | 25 | ![start](https://img.shields.io/github/stars/xdlumia/vue3-video-play?style=social) 26 | #### 资源地址 27 | - 官方文档：[官方文档地址](https://xdlumia.github.io/) 28 | - 仓库资源：[github地址](https://github.com/xdlumia/vue3-video-play) 29 | 30 | ## Vue3-video-player 31 | Vue.js 的轻量级视频播放器([vue-core-video-player](https://github.com/core-player/vue-core-video-player)的vue3版本) 32 | 33 | ![start](https://img.shields.io/github/stars/LarchLiu/vue3-video-player?style=social) 34 | #### 资源地址 35 | - 官方文档：[官方文档地址](https://core-player.github.io/vue-core-video-player/zh/) 36 | - 仓库资源： 37 | - [github地址:vue3-video-player](https://github.com/LarchLiu/vue3-video-player/) 38 | - [github地址:vue-core-video-player](https://github.com/core-player/vue-core-video-player) 39 | 40 | ## Vue3-player-video 41 | Vue3 的现代视觉视频播放器。它将使用可定制且功能强大的播放器将您的视频带入生活！ 42 | 43 | ![start](https://img.shields.io/github/stars/enzostvs/vue3-player-video?style=social) 44 | #### 资源地址 45 | - 官方文档：[官方文档地址](https://github.com/enzostvs/vue3-player-video#readme) 46 | - 仓库资源：[github地址](https://github.com/enzostvs/vue3-player-video) 47 | 48 | ## Alice-player 49 | 一个用 Vue3 构建的漂亮的 H5 音乐播放器 50 | 51 | ![start](https://img.shields.io/github/stars/mashirozx/alice-player?style=social) 52 | #### 资源地址 53 | - 官方文档：[官方文档地址](https://github.com/mashirozx/alice-player#readme) 54 | - 仓库资源：[github地址](https://github.com/mashirozx/alice-player) -------------------------------------------------------------------------------- /docs/platform/web/charts.md: -------------------------------------------------------------------------------- 1 | # 图表 2 | ## ECharts5 3 | 一个基于 JavaScript 的开源可视化图表库 4 | 5 | ![start](https://img.shields.io/github/stars/apache/echarts?style=social) 6 | #### 资源地址 7 | - 官方文档：[官方文档地址](https://echarts.apache.org/zh/index.html) 8 | - 仓库资源：[github地址](https://github.com/apache/echarts) 9 | 10 | ## Vue-echarts 11 | [Apache ECharts](https://github.com/apache/echarts) component for Vue.js. 12 | 13 | ![start](https://img.shields.io/github/stars/ecomfe/vue-echarts?style=social) 14 | #### 资源地址 15 | - 官方文档：[官方文档地址](https://vue-echarts.vercel.app/) 16 | - 仓库资源：[github地址](https://github.com/ecomfe/vue-echarts) 17 | 18 | ## Vue-highcharts 19 | [Highcharts](https://github.com/highcharts/highcharts) component for Vue 20 | 21 | ![start](https://img.shields.io/github/stars/weizhenye/vue-highcharts?style=social) 22 | #### 资源地址 23 | - 官方文档：[官方文档地址](https://github.com/weizhenye/vue-highcharts#readme) 24 | - 仓库资源：[github地址](https://github.com/weizhenye/vue-highcharts) 25 | 26 | ## Vue-schart 27 | Vue.js wrapper for [sChart.js](https://github.com/lin-xin/sChart.js) 28 | 29 | ![start](https://img.shields.io/github/stars/lin-xin/vue-schart?style=social) 30 | #### 资源地址 31 | - 官方文档： 32 | - [官方文档地址](https://lin-xin.gitee.io/example/schart/) 33 | - [highcharts文档](https://api.highcharts.com/highcharts/) 34 | - 仓库资源：[github地址](https://github.com/lin-xin/vue-schart) 35 | 36 | ## Vue3-chartjs 37 | Vue3 wrapper for [ChartJS](https://github.com/chartjs/Chart.js) 38 | 39 | 40 | ![start](https://img.shields.io/github/stars/J-T-McC/vue3-chart?style=social) 41 | #### 资源地址 42 | - 官方文档：[官方文档地址](https://github.com/J-T-McC/vue3-chartjs#readme) 43 | - 仓库资源：[github地址](https://github.com/J-T-McC/vue3-chartjs) -------------------------------------------------------------------------------- /docs/platform/web/drag.md: -------------------------------------------------------------------------------- 1 | # 拖拽 2 | ## Vue-drag-resize 3 | 用于调整大小和拖动元素的 Vue2 && Vue3 组件 4 | 5 | ![start](https://img.shields.io/github/stars/kirillmurashov/vue-drag-resize?style=social) 6 | #### 资源地址 7 | - 官方文档：[官方文档地址](https://github.com/kirillmurashov/vue-drag-resize#readme) 8 | - 仓库资源：[github地址](https://github.com/kirillmurashov/vue-drag-resize) 9 | - 预览地址：[examples](https://kirillmurashov.com/vue-drag-resize/) 10 | 11 | ## Vue.draggable.next 12 | 基于 Sortable.js 的 Vue 3 兼容拖放组件 13 | 14 | ![start](https://img.shields.io/github/stars/SortableJS/vue.draggable.next?style=social) 15 | #### 资源地址 16 | - 官方文档：[官方文档地址](https://github.com/SortableJS/vue.draggable.next#readme) 17 | - 仓库资源：[github地址](https://github.com/SortableJS/vue.draggable.next) 18 | - 预览地址：[examples](https://sortablejs.github.io/vue.draggable.next/#/simple) 19 | 20 | ## Vue3-draggable-resizable 21 | 用于拖拽调整位置和大小的的组件，同时支持冲突检测，元素吸附对齐，实时参考线。 22 | 23 | ![start](https://img.shields.io/github/stars/a7650/vue3-draggable-resizable?style=social) 24 | #### 资源地址 25 | - 官方文档：[官方文档地址](https://github.com/a7650/vue3-draggable-resizable/blob/main/docs/document_zh.md) 26 | - 仓库资源：[github地址](https://github.com/a7650/vue3-draggable-resizable) 27 | 28 | 29 | ## Revue-draggable 30 | 使您的 Vue 组件可拖动 🤏 支持 Vue3 和 Vue2 31 | 32 | ![start](https://img.shields.io/github/stars/bcakmakoglu/revue-draggable?style=social) 33 | #### 资源地址 34 | - 官方文档：[官方文档地址](https://github.com/bcakmakoglu/revue-draggable#readme) 35 | - 仓库资源：[github地址](https://github.com/bcakmakoglu/revue-draggable) 36 | - 预览地址：[examples](https://revue-draggable.vercel.app/) 37 | -------------------------------------------------------------------------------- /docs/platform/web/editor.md: -------------------------------------------------------------------------------- 1 | # 富文本编辑器 2 | ::: tip 说明 3 | 推荐常用的富文本组件，以下资源全部支持vue3！！！ 4 | ::: 5 | ## WangEditor V5 6 | 开源 Web 富文本编辑器，开箱即用，配置简单 7 | 8 | ![start](https://img.shields.io/github/stars/wangeditor-team/wangEditor?style=social) 9 | #### 资源地址 10 | - 官方文档：[文档地址](https://www.wangeditor.com/v5/) 11 | - 仓库资源：[github地址](https://github.com/wangeditor-team/wangEditor) 12 | 13 | #### 特性 14 | - 开源免费 15 | - 简洁易用，功能强大 16 | - 无框架依赖 17 | - 踩过 4000+ 坑 18 | - 及时反馈 19 | - 团队作战 20 | 21 | ## Tinymce-vue 22 | 官方 TinyMCE Vue 组件 23 | 24 | ![start](https://img.shields.io/github/stars/tinymce/tinymce-vue?style=social) 25 | #### 资源地址 26 | - 官方文档：[官方文档地址](https://www.tiny.cloud/docs/) 27 | - 仓库资源：[github地址](https://github.com/tinymce/tinymce-vue) 28 | 29 | ## Ckeditor5-vue 30 | 官方 CKEditor 5 Vue.js 组件, 一个所见即所得的框架，多种用途 31 | 32 | ![start](https://img.shields.io/github/stars/ckeditor/ckeditor5-vue?style=social) 33 | #### 资源地址 34 | - 官方文档：[官方文档地址](https://ckeditor.com/ckeditor-5/) 35 | - 仓库资源： 36 | - [github地址:ckeditor5-vue](https://github.com/ckeditor/ckeditor5-vue) 37 | - [github地址:ckeditor5](https://github.com/ckeditor/ckeditor5) 38 | 39 | ## AoMao Editor 40 | 一个富文本协同编辑器框架，可以使用React和Vue自定义插件 41 | 42 | ![start](https://img.shields.io/github/stars/yanmao-cc/am-editor?style=social) 43 | #### 资源地址 44 | - 官方文档：[官方文档地址](https://editor.yanmao.cc/zh-CN/docs) 45 | - 仓库资源：[github地址](https://github.com/yanmao-cc/am-editor) 46 | - vue3案例：[案例](https://github.com/yanmao-cc/am-editor/tree/master/examples/vue) 47 | #### 特性 48 | - 箱即用，提供几十种丰富的插件来满足大部分需求 49 | - 高扩展性，除了 mark inline block 类型基础插件外，我们还提供 card 组件结合React Vue等前端库渲染插件 UI 50 | - 丰富的多媒体支持，不仅支持图片和音视频，更支持插入嵌入式多媒体内容 51 | - 支持 Markdown 语法 52 | - 引擎纯 JavaScript 编写，不依赖任何前端库，插件可以使用 React Vue 等前端库渲染。复杂架构轻松应对 53 | - 内置协同编辑方案，轻量配置即可使用 54 | - 兼容大部分最新移动端浏览器 -------------------------------------------------------------------------------- /docs/platform/web/files.md: -------------------------------------------------------------------------------- 1 | # 文件 2 | 3 | ## Html2canvas 4 | JavaScript 截图 5 | 6 | ![start](https://img.shields.io/github/stars/niklasvh/html2canvas?style=social) 7 | #### 资源地址 8 | - 官方文档：[官方文档地址](https://html2canvas.hertzen.com/) 9 | - 仓库资源：[github地址](https://github.com/niklasvh/html2canvas) 10 | - 预览地址：[examples](https://html2canvas.hertzen.com/) 11 | 12 | ## PDFvuer 13 | Vue 的 PDF 查看器，使用 Mozilla 的 PDF.js，支持 Vue2 和 Vue3 14 | 15 | ![start](https://img.shields.io/github/stars/arkokoley/pdfvuer?style=social) 16 | #### 资源地址 17 | - 官方文档：[官方文档地址](https://github.com/arkokoley/pdfvuer#readme) 18 | - 仓库资源：[github地址](https://github.com/arkokoley/pdfvuer) 19 | - 预览地址：[examples](https://arkokoley.github.io/pdfvuer/) 20 | 21 | ## Vue3-simple-html2pdf 22 | 使用 vue3 和 [html2pdf.js](https://github.com/eKoopmans/html2pdf.js) 导出和自动下载 PDF 23 | 24 | ![start](https://img.shields.io/github/stars/sango-tech/vue3-simple-html2pdf?style=social) 25 | #### 资源地址 26 | - 官方文档：[官方文档地址](https://github.com/sango-tech/vue3-simple-html2pdf#readme) 27 | - 仓库资源：[github地址](https://github.com/sango-tech/vue3-simple-html2pdf) -------------------------------------------------------------------------------- /docs/platform/web/icons.md: -------------------------------------------------------------------------------- 1 | # 图标库 2 | 3 | ## Iconbox 4 | 5 | 字节跳动 Iconbox 图标平台 6 | 有效管理团队图标库，开发者灵活调用 7 | 8 | #### 资源地址 9 | 10 | - 官方文档：[官方文档地址](https://arco.design/iconbox/libs) 11 | 12 | ## IconPark 13 | 14 | 2400+基础图标，29 种图标分类，提供更多的选择 15 | 16 | ![start](https://img.shields.io/github/stars/bytedance/iconpark?style=social) 17 | 18 | #### 资源地址 19 | 20 | - 官方文档：[官方文档地址](https://iconpark.oceanengine.com/home) 21 | - 仓库资源：[github 地址](https://github.com/bytedance/iconpark) 22 | 23 | ## Boxicons 24 | 25 | 高品质的网页图标，为设计师和开发人员精心制作的简单矢量图标 26 | 27 | ![start](https://img.shields.io/github/stars/atisawd/boxicons?style=social) 28 | 29 | #### 资源地址 30 | 31 | - 官方文档：[官方文档地址](https://boxicons.com/) 32 | - 仓库资源：[github 地址](https://github.com/atisawd/boxicons) 33 | 34 | ## Unplugin-icons 35 | 36 | 超过 10,000 个图标、徽标、表情符号等 37 | 38 | ![start](https://img.shields.io/github/stars/antfu/unplugin-icons?style=social) 39 | 40 | #### 资源地址 41 | 42 | - 官方文档：[官方文档地址](https://github.com/antfu/unplugin-icons#readme) 43 | - 仓库资源：[github 地址](https://github.com/antfu/unplugin-icons) 44 | 45 | ## Xicons 46 | 47 | 包含 vicons（vue3），ricons（react），sicons（svg）和 v2icons(vue2)。 48 | 整合自 fluentui-system-icons、ionicons、ant-design-icons、material-design-icons、Font-Awesome tabler-icons 和 carbon 的 SVG Vue/React 组件。 49 | 50 | ![start](https://img.shields.io/github/stars/07akioni/xicons?style=social) 51 | 52 | #### 资源地址 53 | 54 | - 官方文档：[官方文档地址](https://github.com/07akioni/xicons/blob/main/README.zh-CN.md) 55 | - 仓库资源：[github 地址](https://github.com/07akioni/xicons) 56 | - 图标预览：[Xicons](https://www.xicons.org/#/zh-CN) 57 | 58 | ## Vue3-icon-picker 59 | 60 | A fantastic icon picker for Vue3 projects 61 | 62 | ![start](https://img.shields.io/github/stars/hasinhayder/vue3-icon-picker?style=social) 63 | 64 | #### 资源地址 65 | 66 | - 官方文档：[官方文档地址](https://github.com/hasinhayder/vue3-icon-picker#readme) 67 | - 仓库资源：[github 地址](https://github.com/hasinhayder/vue3-icon-picker) 68 | - 图标预览：[Vue3-icon-picker](https://vue3-icon-picker.pages.dev/) 69 | -------------------------------------------------------------------------------- /docs/platform/web/img-bg.md: -------------------------------------------------------------------------------- 1 | # 图片/背景 2 | ## Vue-cropper 3 | 一个简单的vue图片剪辑插件 4 | 5 | ![start](https://img.shields.io/github/stars/xyxiao001/vue-cropper?style=social) 6 | #### 资源地址 7 | - 官方文档：[官方文档地址](https://github.com/xyxiao001/vue-cropper#readme) 8 | - 仓库资源：[github地址](https://github.com/xyxiao001/vue-cropper) 9 | - 预览地址：[examples](http://github.xyxiao.cn/vue-cropper/example/) 10 | 11 | ## V-viewer 12 | vue的图片查看器组件，支持旋转、缩放、缩放等，基于viewer.js 13 | 14 | ![start](https://img.shields.io/github/stars/mirari/v-viewer?style=social) 15 | #### 资源地址 16 | - 官方文档：[官方文档地址](https://mirari.cc/2021/05/31/Vue3%E5%9B%BE%E7%89%87%E6%B5%8F%E8%A7%88%E7%BB%84%E4%BB%B6v-viewer%EF%BC%8C%E6%94%AF%E6%8C%81%E6%97%8B%E8%BD%AC%E3%80%81%E7%BC%A9%E6%94%BE%E3%80%81%E7%BF%BB%E8%BD%AC%E7%AD%89%E6%93%8D%E4%BD%9C/) 17 | - 仓库资源：[github地址](https://github.com/mirari/v-viewer/tree/v3) 18 | - 预览地址：[examples](https://mirari.cc/v-viewer/) 19 | 20 | ## Img-vuer 21 | 一个移动端优先的 Vue3 图片预览插件 22 | 23 | ![start](https://img.shields.io/github/stars/ssshooter/img-vuer?style=social) 24 | #### 资源地址 25 | - 官方文档：[官方文档地址](https://github.com/ssshooter/img-vuer#readme) 26 | - 仓库资源：[github地址](https://github.com/ssshooter/img-vuer) 27 | - 预览地址：[examples](https://img-vuer.vercel.app/) 28 | 29 | 30 | ## Vue3-carousel 31 | vue3轮播组件 32 | 33 | ![start](https://img.shields.io/github/stars/ismail9k/vue3-carousel?style=social) 34 | #### 资源地址 35 | - 官方文档：[官方文档地址](https://ismail9k.github.io/vue3-carousel/) 36 | - 仓库资源：[github地址](https://github.com/ismail9k/vue3-carousel) 37 | - 预览地址：[examples](https://ismail9k.github.io/vue3-carousel/examples.html) 38 | 39 | ## Vue-responsive-video-background-player 40 | Vue 2 和 3 的响应式视频背景播放器 41 | 42 | ![start](https://img.shields.io/github/stars/avidofood/vue-responsive-video-background-player?style=social) 43 | #### 资源地址 44 | - 官方文档：[官方文档地址](https://github.com/avidofood/vue-responsive-video-background-player#readme) 45 | - 仓库资源：[github地址](https://github.com/avidofood/vue-responsive-video-background-player) 46 | - 预览地址：[examples](https://avidofood.github.io/vue-responsive-video-background-player/) 47 | 48 | ## Vue-lazyload-next 49 | [vue-lazyload](https://github.com/hilongjw/vue-lazyload) for vue3 懒加载 50 | 51 | ![start](https://img.shields.io/github/stars/caozhong1996/vue-lazyload-next?style=social) 52 | #### 资源地址 53 | - 官方文档：[官方文档地址](https://github.com/caozhong1996/vue-lazyload-next#readme) 54 | - 仓库资源：[github地址](https://github.com/caozhong1996/vue-lazyload-next) -------------------------------------------------------------------------------- /docs/platform/web/include.md: -------------------------------------------------------------------------------- 1 | # 配套 2 | 3 | ## 构建 4 | 5 | - [Vite2](https://cn.vitejs.dev/) - 下一代前端开发与构建工具 6 | - [Vue CLI](https://cli.vuejs.org/migrating-from-v3/) - vue 脚手架工具 7 | 8 | ## 全家桶 9 | 10 | - [Vue Router](https://next.router.vuejs.org/zh/introduction.html) - Vue.js 的官方路由 11 | - [Vuex](https://next.vuex.vuejs.org/zh/index.html) - 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库 12 | - [Axios](http://www.axios-js.com/) - 易用、简洁且高效的 http 库 13 | - [Pinia](https://pinia.esm.dev/) - vuex 核心成员开发的状态管理 14 | 15 | ## Nprogress.js-进度条 16 | 17 | 进度条组件 18 | 19 | ![start](https://img.shields.io/github/stars/rstacruz/nprogress?style=social) 20 | 21 | #### 资源地址 22 | 23 | - 官方文档：[官方文档地址](https://github.com/rstacruz/nprogress#readme) 24 | - 仓库资源：[github 地址](https://github.com/rstacruz/nprogress) 25 | - 预览地址：[examples](https://ricostacruz.com/nprogress/) 26 | 27 | ## Screenfull.js-全屏 28 | 29 | 全屏组件 30 | 31 | ![start](https://img.shields.io/github/stars/sindresorhus/screenfull.js?style=social) 32 | 33 | #### 资源地址 34 | 35 | - 官方文档：[官方文档地址](https://github.com/sindresorhus/screenfull.js#readme) 36 | - 仓库资源：[github 地址](https://github.com/sindresorhus/screenfull.js) 37 | - 预览地址：[examples](https://sindresorhus.com/screenfull.js/) 38 | 39 | ## Vue-i18n- 国际化方案 40 | 41 | Internationalization plugin for Vue.js 42 | 43 | ![start](https://img.shields.io/github/stars/kazupon/vue-i18n?style=social) 44 | 45 | #### 资源地址 46 | 47 | - 官方文档：[官方文档地址](https://kazupon.github.io/vue-i18n/) 48 | - 仓库资源：[github 地址](https://github.com/kazupon/vue-i18n) 49 | -------------------------------------------------------------------------------- /docs/platform/web/manage.md: -------------------------------------------------------------------------------- 1 | # 开箱即用 2 | 全部是vue3开箱即用的中后台项目 3 | 4 | ## Vue3-admin-element-template 5 | ::: tip 说明 6 | 作者本人的开源项目，欢迎[start](https://github.com/hu-snail/vue3-admin-element-template),感谢支持！！！🙏🙏🙏 7 | ::: 8 | 基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板 9 | 10 | ![start](https://img.shields.io/github/stars/hu-snail/vue3-admin-element-template?style=social) 11 | 12 | #### 资源地址 13 | - 官方文档：[文档地址](https://github.com/hu-snail/vue3-admin-element-template#readme) 14 | - 仓库资源： 15 | - [github地址](https://github.com/hu-snail/vue3-admin-element-template) 16 | - [gitee地址](https://gitee.com/hu-snail/vue3-admin-element-template) 17 | - 预览地址：[预览地址](https://hu-snail.gitee.io/vue3-admin-element-template) 18 | 19 | #### 特性 20 | - 最新技术栈：vue3/vite2 21 | - Javascript版本 22 | - 可自定义主题 23 | - vue-i18n国际化方案 24 | - Mock 数据方案 25 | - 权限控制 26 | - `