vue3最全资源库来袭,包含(web、移动、小程序、Electron、常用库、面试、文档工具)等资源
一.介绍
vue3-resource专注于收集vue3相关资源,包含(web/移动/小程序/桌面/常用库/面试/文档&工具)等资源.持续更新中!!!
如果这些资源对你有帮助, 欢迎star 支持下【vue3-resource】
二.特别说明
推荐的资源全部支持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资源,包含
- 移动端
- UI库 - 推荐常用的UI库,包含
Vant
、NutUI 3.0
、Varlet
、Ionic Framework
、WaveUI
等优秀开源UI库 - 开源项目 - 推荐优秀开源项目,帮助您更好的学习
vue3
- 滚动组件 - 包含
BetterScroll
、Mescroll
、FullPage.js
等优质移动端滚动组件 - 配套资源 - 包含
Fastclick
,此资源还待完善, 欢迎推荐
- UI库 - 推荐常用的UI库,包含
- 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
- Electron总览资源 - 此资源还待完善, 欢迎推荐
- 小程序
- 小程序资源总览 - 此资源还待完善, 欢迎推荐
- 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
- 英文文档
- 中文文档
- 【vue3最全资源库来袭,包含(web、移动、小程序、Electron、常用库、面试、文档工具)等资源】UI库
- Element-Plus
- 旧版本文档
- 新版本文档
- Ant Design Vue:文档地址
- Naive UI:文档地址
- Element3:文档地址
- Vant: 文档地址
- NutUI 3.0: 文档地址
- Element-Plus
- 小程序
- 微信小程序:文档地址
- 字节小程序:文档地址
- 支付宝小程序:文档地址
- 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美化
- Vue前端直传至阿里云OSS(支持断点续传,分片上传,批量上传)
- 基于Vue3+Vite2+Element-Plus+Vue-i18n管理平台模板
推荐阅读
- win10系统最全的快捷键介绍
- 如何隐藏app资源库
- 最全自动驾驶数据集分享系列一|目标检测数据集(3/3)
- 利用vue3+threejs仿iView官网大波浪特效实例
- 如何把苹果资源库关了
- VSCode+PicGo+阿里云配置个人博客图床最全解析
- ios14app资源库怎么关闭
- OpenCV On Android环境配置最新&最全指南(Eclipse篇)
- OpenCV On Android环境配置最新&最全指南(Android Studio篇)
- vue3.0语法糖内的defineProps及defineEmits解析