一.介绍
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资源,包含
移动端
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库
学习&面试
建议阅读官方文档,最好的学习资料!!!
- 社区
文档
- vue3源码解读
- Vue组合式APIs手册
- mini-vue - 实现最简 vue3 模型,用于深入学习 vue3
- 技术胖:Vue3.x学习路线-按此路线学习畅通无比
掘金文章
视频
面试
UI库
小程序
组件
- 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美化
四.往期文章推荐
五.转载说明
整理资源不易,转载请标明原文出处!!!