Repository files navigation

vue3-resource专注于收集vue3相关资源，包含（web/移动/小程序/桌面/常用库/面试/文档&工具）等资源.持续更新中！！！如果这些资源对你有帮助，👏 欢迎star 支持下

🌟 推荐的资源全部支持vue3，由于个人精力有限，可能会遗漏很多优秀的vue3开源资源或资源错误！还请您点此主动推荐或修改建议！！！十分感谢🙏。可点击在线预览查看详细资源， 站点部署在github，可能访问过慢，请耐心等待。

资源共分为web端、移动端、Electron、小程序、文档&工具、常用库、学习&面试、收藏等8个模块，每个模块都有细分，具体查看站点.

• Web端

  • UI库- 推荐主流UI资源，包含element-plus,Ant Design Vue等14个UI资源
  • 开箱即用中后台 - github热门中后台开源项目
  • 富文本编辑器 - 推荐常用的富文本组件，包含WangEditor V5、Tinymce-vue等4个富文本编辑器
  • Markdown编辑器 - 推荐常用的markdown组件，包含Vue-markdown-editor、Md-editor-v3等3个markdown资源
  • 上传组件 - 包含Uppy&Vue-filepond
  • 图片/背景组件 - 包含图片裁剪、预览、背景、轮播、懒加载
  • 音频/视频组件 - 推荐常用的音视频组件，包含XGplayer、Vue3-video-play
  • 图标库 - 丰富的图标资源库，包含Iconbox、IconPark、Boxicons、Unplugin-icons等图标资源
  • 图表组件 - 优质图表组件，包含ECharts5、Vue-echarts、Vue-highcharts等图表资源
  • 拖拽组件 - 包含Vue-drag-resize、Vue.draggable.next等拖拽组件
  • vue3项目配套资源 - 包含构建工具vite & vue cli、vue3全家桶、Nprogress.js-进度条、Screenfull.js-全屏、Vue-i18n国际化方案
  • 文件处理组件 - 包含Html2canvas截图、PDFvuer-PDF查看器、vue3-simple-html2pdf自动导出pdf
  • 动画库 - 包含Animate.css、Wow.js、Scrollreveal.js等常见动画资源
  • 地图资源 - vue3地图适配的组件较少，欢迎推荐
  • 其他组件 - 包含Vue-qrcode- 二维码、Vue-typical 动画输入、Vue3-clipboard- 剪贴板、Iscroll- 平滑滚动插件

• 移动端

  • UI库 - 推荐常用的UI库，包含Vant、NutUI 3.0、Varlet、Ionic Framework、WaveUI等优秀开源UI库
  • 开源项目 - 推荐优秀开源项目，帮助您更好的学习vue3
  • 滚动组件 - 包含BetterScroll、Mescroll、FullPage.js等优质移动端滚动组件
  • 配套资源 - 包含Fastclick,此资源还待完善，👏🏻欢迎推荐

• Electron

  • Electron总览资源 - 此资源还待完善，👏🏻欢迎推荐
  • Electron-vue-vite - Electron + Vite + Vue 整合模板 -- 结构简单，容易上手！
  • Vite-electron-quick - ⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版
  • Electron-vue3-inote - 使用electron13+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口
  • Electron-vite-template - 本项目是一个由Vite和rollup组成的vue3+Vite+electron项目模板
  • Electron-admin-element-vue - Electron Vue3.x Element-UI Admin

• 小程序

  • 小程序资源总览 - 此资源还待完善，👏🏻欢迎推荐
  • Uni-app - uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
  • Taro - 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用
  • Kbone - 一个致力于微信小程序和 Web 端同构的解决方案
  • Vant-weapp - 轻量、可靠的小程序 UI 组件库
  • Nut-UI- Taro框架 - 京东风格移动端 Vue2、Vue3 组件库

• 常用库

  • 资源总览 - 资源总览详情
  • Lodash- 实用工具库 - Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库
  • Outils- 业务代码工具库 - 前端业务代码工具库
  • 30-seconds-of-code- 代码片段 - 满足您所有开发需求的简短 JavaScript 代码片段
  • Chancejs-随机数 - 生成随机数据的库
  • Nanoid- ID 生成库 - 一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器
  • Js-md5- md5加密 - md5加密，支持 UTF-8 编码
  • encoder/decoder 库 - 前端 encoder/decoder 库
  • Imagemin- 图片压缩 - 图片压缩库
  • FileSaver.js- 文件下载 - 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题
  • StreamSaver.js 大文件下载 - 大文件下载
  • Big.js - 用于任意精度十进制和非十进制算术的 JavaScript 库
  • Bignumber.js - 用于任意精度十进制和非十进制算术的 JavaScript 库
  • Momentjs - JavaScript 日期处理类库
  • Dayjs - Day.js 是一个轻量的处理时间和日期的
  • Date-fns - JavaScript 日期处理类库JavaScript 库，和 Moment.js 的 API 设计保持完全一样。
  • Qs- url参数转化 - qs是一个url参数转化（parse和stringify）的js库
  • Numeral.js- 格式化和处理数字 - 一个用于格式化和处理数字的javascript库

• 学习&面试

建议阅读官方文档，最好的学习资料！！！

• 社区
  • 掘金- 代码不止,掘金不停
  • stackoverflow
  • CSDN - 专业开发者社区
  • SegmentFault 思否
  • 开源中国社区 - OSCHINA - 中文开源技术交流社区
  • v2ex- 国内最具影响力创意工作者社区、和开发人员交流社区
  • 博客园- 面向程序员的的在线学习社区
  • 51CTO- 中国知名IT技术网络平台
  • 简书- 创作你的创作
  • 知乎- 有问题,就会有答案
• 文档
  • vue3源码解读
  • Vue组合式APIs手册
  • mini-vue - 实现最简 vue3 模型，用于深入学习 vue3
  • 技术胖：Vue3.x学习路线-按此路线学习畅通无比
• 掘金文章
  • Vue 3.0 来了，我们该做些什么？
  • Vue3.0 新特性以及使用经验总结
  • Vue3实战系列：Vue3.0 + Vant3.0 搭建种子项目
  • 🔥🔥🔥 Vue3.0 + Vite2 + Element-Plus 搭建后台管理模版
  • 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
• 视频
  • Vueschool
  • Vite2 + Vue3项目最佳实践「持续更新中」
  • 李南江」Vue3.0正式版教程2020年9月19号全网首发-Vue3 One Piece 持续更新中...
  • Vue3.0（正式版）+ Vite开发快速入门
  • Vue3.0从0到1搭建管理后台系统项目实战
• 面试
  • Vuejs面试问题
  • 2021年，vue3.0 面试题分析（干货满满，内容详尽）
  • 建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）
  • Vue3.0面试题
  • vue3.0 面试题总结
  • 面试官系列
  • 吐血整理清单一
  • 吐血整理清单二
  • 吐血整理清单三

• 文档&工具

• Vue3
  • 英文文档
  • 中文文档
• UI库
  • Element-Plus
    • 旧版本文档
    • 新版本文档
  • Ant Design Vue：文档地址
  • Naive UI：文档地址
  • Element3：文档地址
  • Vant:文档地址
  • NutUI 3.0:文档地址
• 小程序
  • 微信小程序：文档地址
  • 字节小程序：文档地址
  • 支付宝小程序：文档地址
  • QQ小程序：文档地址
  • 智能小程序：文档地址
  • UniApp:文档地址
  • Taro:文档地址
• 组件
  • ECharts5：文档地址
  • Vue-echarts:文档地址
  • Vue.draggable.next:文档地址
  • WangEditor V5:文档地址
  • Tinymce-vue:文档地址
  • Vue-cropper:文档地址
  • Vue-markdown-editor:文档地址
  • Md-editor-v3:文档地址

• 收藏

此模块仅仅博主收藏，不符合vue3资源推荐！！！

• Nodeppt- PPT演示 - 这可能是迄今为止最好的网页版演示库（markdown 写 ppt）
• Squoosh 在线图片压缩 - 谷歌在线图片压缩
• 美叶 - 优质设计资源
• Removebg - 在线抠图去除背景
• Carbon - 将代码转为图片，博客推荐使用
• Picdiet - 在线压缩图片
• Css渐变色 - 在线免费渐变色
• Undraw - 免费插画，给网站配图
• Shapedivider - 精美背景分割，用于网站首页
• 查询必备
  • Awesomejs- 查询你的项目使用的插件，很全！！！
  • Devdocs- 在线查询各种编程手册的文档
  • Can I Use- 查询CSS、Js在各种流行浏览器中的特性和兼容性
• 浏览器插件
  • Vuejs Devtools- 用于调试 Vue.js 应用程序的浏览器 devtools 扩展
  • 掘金插件- 一站式聚合优质内容 · 快捷工具 · 常用网址
  • Lighthouse- 是一个开源的自动化工具，用于改进网络应用的质量
  • Hacker Tab- 查询最新的热门开源项目
  • JSON Formatter- json美化