# vue3-resource

**Repository Path**: davidwangbo/vue3-resource

## Basic Information

- **Project Name**: vue3-resource
- **Description**: 💐 收集vue3资源，包含web端&移动端&小程序&Electron等栏目
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://hu-snail.gitee.io/vue3-resource
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2025-04-26
- **Last Updated**: 2025-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 一.介绍
[vue3-resource](https://github.com/hu-snail/vue3-resource)专注于收集vue3相关资源，包含（web/移动/小程序/桌面/常用库/面试/文档&工具）等资源.持续更新中！！！
如果这些资源对你有帮助，👏 欢迎star 支持下
## 二.特别说明
🌟 推荐的资源全部支持`vue3`，由于个人精力有限，可能会遗漏很多优秀的vue3开源资源或资源错误！还请您[点此主动推荐或修改建议](https://github.com/hu-snail/vue3-resource/issues/new)！！！十分感谢🙏。
可[点击在线预览](https://hu-snail.github.io/vue3-resource)查看详细资源， 站点部署在github，可能访问过慢，请耐心等待。

## 三.资源推荐
资源共分为`web端`、`移动端`、`Electron`、`小程序`、`文档&工具`、`常用库`、`学习&面试`、`收藏`等8个模块，每个模块都有细分，具体查看[站点](https://hu-snail.github.io/vue3-resource).

- ### Web端

  -  [UI库](https://hu-snail.github.io/vue3-resource/platform/web/ui.html)- 推荐主流UI资源，包含`element-plus`,`Ant Design Vue`等14个UI资源
  - [开箱即用中后台](https://hu-snail.github.io/vue3-resource/platform/web/manage.html) - github热门中后台开源项目
  - [富文本编辑器](https://hu-snail.github.io/vue3-resource/platform/web/editor.html) - 推荐常用的富文本组件，包含`WangEditor V5`、`Tinymce-vue`等4个富文本编辑器
  - [Markdown编辑器](https://hu-snail.github.io/vue3-resource/platform/web/markdown.html) - 推荐常用的markdown组件，包含`Vue-markdown-editor`、`Md-editor-v3`等3个markdown资源
  - [上传组件](https://hu-snail.github.io/vue3-resource/platform/web/upload.html) - 包含`Uppy`&`Vue-filepond`
  - [图片/背景组件](https://hu-snail.github.io/vue3-resource/platform/web/img&bg.html) - 包含图片`裁剪`、`预览`、`背景`、`轮播`、`懒加载`
  - [音频/视频组件](https://hu-snail.github.io/vue3-resource/platform/web/audio&video.html) - 推荐常用的音视频组件，包含`XGplayer`、`Vue3-video-play`
  - [图标库](https://hu-snail.github.io/vue3-resource/platform/web/icons.html) - 丰富的图标资源库，包含`Iconbox`、`IconPark`、`Boxicons`、`Unplugin-icons`等图标资源
  - [图表组件](https://hu-snail.github.io/vue3-resource/platform/web/charts.html) - 优质图表组件，包含`ECharts5`、`Vue-echarts`、`Vue-highcharts`等图表资源
  - [拖拽组件](https://hu-snail.github.io/vue3-resource/platform/web/drag.html) - 包含`Vue-drag-resize`、`Vue.draggable.next`等拖拽组件
  - [vue3项目配套资源](https://hu-snail.github.io/vue3-resource/platform/web/include.html) - 包含`构建工具vite & vue cli`、`vue3全家桶`、`Nprogress.js-进度条`、`Screenfull.js-全屏`、`Vue-i18n国际化方案`
  - [文件处理组件](https://hu-snail.github.io/vue3-resource/platform/web/files.html) - 包含`Html2canvas截图`、`PDFvuer-PDF查看器`、`vue3-simple-html2pdf自动导出pdf`
  - [动画库](https://hu-snail.github.io/vue3-resource/platform/web/animate.html) - 包含`Animate.css`、 `Wow.js`、`Scrollreveal.js`等常见动画资源
  - [地图资源](https://hu-snail.github.io/vue3-resource/platform/web/map.html) - vue3地图适配的组件较少，欢迎推荐
  - [其他组件](https://hu-snail.github.io/vue3-resource/platform/web/others.html) - 包含`Vue-qrcode- 二维码`、`Vue-typical 动画输入`、`Vue3-clipboard- 剪贴板`、`Iscroll- 平滑滚动插件`
  
- ### 移动端
    - [UI库](https://hu-snail.github.io/vue3-resource/platform/mobile/ui.html) - 推荐常用的UI库，包含`Vant`、`NutUI 3.0`、`Varlet`、`Ionic Framework`、`WaveUI`等优秀开源UI库
    - [开源项目](https://hu-snail.github.io/vue3-resource/platform/mobile/project.html) - 推荐优秀开源项目，帮助您更好的学习`vue3`
    - [滚动组件](https://hu-snail.github.io/vue3-resource/platform/mobile/scroll.html) - 包含`BetterScroll`、`Mescroll`、`FullPage.js`等优质移动端滚动组件
    - [配套资源](https://hu-snail.github.io/vue3-resource/platform/mobile/include.html) - 包含`Fastclick`,此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
    
- ### Electron 
    - [Electron总览资源](https://hu-snail.github.io/vue3-resource/platform/electron.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
     - [Electron-vue-vite](https://github.com/caoxiemeihao/electron-vue-vite) - Electron + Vite + Vue 整合模板 -- 结构简单，容易上手！
     - [Vite-electron-quick](https://github.com/MangoTsing/vite-electron-quick) - ⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版
     - [Electron-vue3-inote](https://github.com/heiyehk/electron-vue3-inote) - 使用electron13+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口
     - [Electron-vite-template](https://github.com/umbrella22/electron-vite-template) - 本项目是一个由Vite和rollup组成的vue3+Vite+electron项目模板
     - [Electron-admin-element-vue](https://github.com/lqsong/electron-admin-element-vue) - Electron Vue3.x Element-UI Admin
     
- ### 小程序
  - [小程序资源总览](https://hu-snail.github.io/vue3-resource/platform/mp/project.html) - 此资源还待完善，👏🏻 [欢迎推荐](https://github.com/hu-snail/vue3-resource/issues/new)
  - [Uni-app](https://github.com/dcloudio/uni-app) - uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
  - [Taro](https://github.com/nervjs/taro) - 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用
  - [Kbone](https://github.com/Tencent/kbone) - 一个致力于微信小程序和 Web 端同构的解决方案
  - [Vant-weapp](https://github.com/youzan/vant-weapp) - 轻量、可靠的小程序 UI 组件库
  - [Nut-UI- Taro框架](https://github.com/jdf2e/nutui) - 京东风格移动端 Vue2、Vue3 组件库

- ### 常用库
  - [资源总览](https://hu-snail.github.io/vue3-resource/platform/common.html) - 资源总览详情
  - [Lodash- 实用工具库](https://github.com/lodash/lodash) - Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库
  - [Outils- 业务代码工具库](https://github.com/proYang/outils) - 前端业务代码工具库
  - [30-seconds-of-code- 代码片段](https://github.com/30-seconds/30-seconds-of-code) - 满足您所有开发需求的简短 JavaScript 代码片段
  - [Chancejs-随机数](https://github.com/chancejs/chancejs) - 生成随机数据的库
  - [Nanoid- ID 生成库](https://github.com/ai/nanoid) - 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器
  - [Js-md5- md5加密](https://github.com/emn178/js-md5) - md5加密，支持 UTF-8 编码
  - [encoder/decoder 库](https://github.com/mathiasbynens/he) - 前端 encoder/decoder 库
  - [Imagemin- 图片压缩](https://github.com/imagemin/imagemin) - 图片压缩库
  - [FileSaver.js- 文件下载](https://github.com/eligrey/FileSaver.js) - 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题
  - [StreamSaver.js 大文件下载](https://github.com/jimmywarting/StreamSaver.js) - 大文件下载
  - [Big.js](https://github.com/MikeMcl/big.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库
  - [Bignumber.js](https://github.com/MikeMcl/bignumber.js) - 用于任意精度十进制和非十进制算术的 JavaScript 库
  - [Momentjs](http://momentjs.cn/) - JavaScript 日期处理类库
  - [Dayjs](https://github.com/iamkun/dayjs/) - Day.js 是一个轻量的处理时间和日期的 
  - [Date-fns](https://github.com/date-fns/date-fns) - JavaScript 日期处理类库JavaScript 库，和 Moment.js 的 API 设计保持完全一样。
  - [Qs- url参数转化](https://github.com/ljharb/qs) - qs是一个url参数转化（parse和stringify）的js库
  - [Numeral.js- 格式化和处理数字](https://github.com/adamwdraper/Numeral-js) - 一个用于格式化和处理数字的javascript库
  
 - ### 学习&面试
 > 建议阅读官方文档，最好的学习资料！！！
 - 社区
    - [掘金- 代码不止,掘金不停](https://juejin.cn/)
    - [stackoverflow](https://stackoverflow.com/)
    - [CSDN - 专业开发者社区](https://www.csdn.net/?spm=1011.2124.3001.4476)
    - [SegmentFault 思否](https://segmentfault.com/)
    - [开源中国社区 - OSCHINA - 中文开源技术交流社区](https://www.oschina.net/)
    - [v2ex- 国内最具影响力创意工作者社区、和开发人员交流社区](https://www.v2ex.com/)
    - [博客园- 面向程序员的的在线学习社区](https://www.cnblogs.com/)
    - [51CTO- 中国知名IT技术网络平台](http://www.51cto.com/)
    - [简书- 创作你的创作](https://www.jianshu.com/)
    - [知乎- 有问题,就会有答案](https://www.zhihu.com/)
- 文档
    - [vue3源码解读](https://www.vue3js.cn/start/)
    - [Vue组合式APIs手册](https://vue3js.cn/vue-composition-api/)
    - [mini-vue](https://github.com/cuixiaorui/mini-vue) - 实现最简 vue3 模型，用于深入学习 vue3
    - [技术胖：Vue3.x学习路线-按此路线学习畅通无比](https://www.jspang.com/detailed?id=67)
- 掘金文章
    - [Vue 3.0 来了，我们该做些什么？](https://juejin.cn/post/6874604408030789640)
    - [Vue3.0 新特性以及使用经验总结](https://juejin.cn/post/6940454764421316644)
    - [Vue3实战系列：Vue3.0 + Vant3.0 搭建种子项目](https://juejin.cn/post/6887590229692121096)
    - [🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus 搭建后台管理模版](https://juejin.cn/post/7010666535173750797)
    - [从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境](https://juejin.cn/post/6951649464637636622)
- 视频
    - [Vueschool](https://vueschool.io/)
    - [Vite2 + Vue3项目最佳实践「持续更新中」](https://www.bilibili.com/video/BV1vX4y1K7bQ?p=2)
    - [李南江」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)
    - [Vue3.0（正式版）+ Vite开发快速入门](https://www.bilibili.com/video/BV1SZ4y157m8?p=2)
    - [Vue3.0从0到1搭建管理后台系统项目实战](https://www.bilibili.com/video/BV183411B7nJ?p=59)
- 面试
    - [Vuejs面试问题](https://github.com/sudheerj/vuejs-interview-questions)
    - [2021年，vue3.0 面试题分析（干货满满，内容详尽）](https://blog.csdn.net/qq_35942348/article/details/110677399)
    - [建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）](https://juejin.cn/post/6892295955844956167)
    - [Vue3.0面试题](https://segmentfault.com/a/1190000038848131)
    - [vue3.0 面试题总结](https://blog.csdn.net/weixin_40599109/article/details/110938941)
    - [面试官系列](https://vue3js.cn/interview/)
    - [吐血整理清单一](https://github.com/vue3/vue3-News/issues/9)
    - [吐血整理清单二](https://github.com/vue3/vue3-News/issues/10)
    - [吐血整理清单三](https://github.com/vue3/vue3-News/issues/11)
 - ### 文档&工具
 - Vue3
    - [英文文档](https://v3.vuejs.org/)
    - [中文文档](https://v3.cn.vuejs.org/)
- UI库
    - Element-Plus
        - [旧版本文档](https://doc-archive.element-plus.org/#/zh-CN/component/installation)
        - [新版本文档](https://element-plus.gitee.io/zh-CN/guide/installation.html)
    - Ant Design Vue：[文档地址](https://antdv.com/docs/vue/introduce-cn/)
    - Naive UI：[文档地址](https://www.naiveui.com/zh-CN/light)
    - Element3：[文档地址](https://element3-ui.com/#/)
    - Vant: [文档地址](https://vant-contrib.gitee.io/vant/v3/#/zh-CN)
    - NutUI 3.0: [文档地址](https://nutui.jd.com/#/intro)
- 小程序
    - 微信小程序：[文档地址](https://developers.weixin.qq.com/miniprogram/dev/framework/)
    - 字节小程序：[文档地址](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/start/introduction/)
    - 支付宝小程序：[文档地址](https://opendocs.alipay.com/mini)
    - QQ小程序：[文档地址](https://q.qq.com/wiki/)
    - 智能小程序：[文档地址](https://smartprogram.baidu.com/docs/introduction/enter_application/)
    - UniApp: [文档地址](https://uniapp.dcloud.io/)
    - Taro: [文档地址](http://taro-docs.jd.com/taro/docs/README/index.html)
- 组件
    - ECharts5：[文档地址](https://echarts.apache.org/zh/index.html)
    - Vue-echarts:[文档地址](https://vue-echarts.vercel.app/)
    - Vue.draggable.next: [文档地址](https://github.com/SortableJS/vue.draggable.next#readme)
    - WangEditor V5: [文档地址](https://www.wangeditor.com/v5/)
    - Tinymce-vue: [文档地址](https://www.tiny.cloud/docs/)
    - Vue-cropper: [文档地址](https://github.com/xyxiao001/vue-cropper#readme)
    - Vue-markdown-editor: [文档地址](https://code-farmer-i.github.io/vue-markdown-editor/zh/)
    - Md-editor-v3: [文档地址](https://imzbf.github.io/md-editor-v3/index)
 - ### 收藏
 > 此模块仅仅博主收藏，不符合vue3资源推荐！！！
  - [Nodeppt- PPT演示](https://github.com/ksky521/nodeppt) - 这可能是迄今为止最好的网页版演示库（markdown 写 ppt）
  - [Squoosh 在线图片压缩](https://github.com/GoogleChromeLabs/squoosh) - 谷歌在线图片压缩
  - [美叶](https://www.meiye.art/) - 优质设计资源
  - [Removebg](https://www.remove.bg/zh) - 在线抠图去除背景
  - [Carbon](https://carbon.now.sh/) - 将代码转为图片，博客推荐使用
  - [Picdiet](https://picdiet.eula.club/) - 在线压缩图片
  - [Css渐变色](http://color.oulu.me/) - 在线免费渐变色
  - [Undraw](https://undraw.co/illustrations) - 免费插画，给网站配图
  - [Shapedivider](https://www.shapedivider.app/) - 精美背景分割，用于网站首页
  - 查询必备
    - [Awesomejs](https://awesomejs.dev/)- 查询你的项目使用的插件，很全！！！
    - [Devdocs- 在线查询各种编程手册的文档](https://devdocs.io/)
    - [Can I Use- 查询CSS、Js在各种流行浏览器中的特性和兼容性](https://caniuse.com/)
   - 浏览器插件
      - [Vuejs Devtools](https://github.com/vuejs/devtools)- 用于调试 Vue.js 应用程序的浏览器 devtools 扩展
      - [掘金插件](https://juejin.cn/extension)- 一站式聚合优质内容 · 快捷工具 · 常用网址
      - [Lighthouse](https://developers.google.com/web/tools/lighthouse)- 是一个开源的自动化工具，用于改进网络应用的质量
      - [Hacker Tab](https://github.com/huchenme/hacker-tab-extension)- 查询最新的热门开源项目
      - [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en)- json美化