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 V5Tinymce-vue等4个富文本编辑器
    • Markdown编辑器 - 推荐常用的markdown组件,包含Vue-markdown-editorMd-editor-v3等3个markdown资源
    • 上传组件 - 包含Uppy&Vue-filepond
    • 图片/背景组件 - 包含图片裁剪预览背景轮播懒加载
    • 音频/视频组件 - 推荐常用的音视频组件,包含XGplayerVue3-video-play
    • 图标库 - 丰富的图标资源库,包含IconboxIconParkBoxiconsUnplugin-icons等图标资源
    • 图表组件 - 优质图表组件,包含ECharts5Vue-echartsVue-highcharts等图表资源
    • 拖拽组件 - 包含Vue-drag-resizeVue.draggable.next等拖拽组件
    • vue3项目配套资源 - 包含构建工具vite & vue clivue3全家桶Nprogress.js-进度条Screenfull.js-全屏Vue-i18n国际化方案
    • 文件处理组件 - 包含Html2canvas截图PDFvuer-PDF查看器vue3-simple-html2pdf自动导出pdf
    • 动画库 - 包含Animate.cssWow.jsScrollreveal.js等常见动画资源
    • 地图资源 - vue3地图适配的组件较少,欢迎推荐
    • 其他组件 - 包含Vue-qrcode- 二维码Vue-typical 动画输入Vue3-clipboard- 剪贴板Iscroll- 平滑滚动插件
  • 移动端

    • UI库 - 推荐常用的UI库,包含VantNutUI 3.0VarletIonic FrameworkWaveUI等优秀开源UI库
    • 开源项目 - 推荐优秀开源项目,帮助您更好的学习vue3
    • 滚动组件 - 包含BetterScrollMescrollFullPage.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美化

四.往期文章推荐

  • Vue前端直传至阿里云OSS(支持断点续传,分片上传,批量上传)
  • 基于Vue3+Vite2+Element-Plus+Vue-i18n管理平台模板

五.转载说明

整理资源不易,转载请标明原文出处!!!

你可能感兴趣的:(【Vue2.0-3.0点滴知识,】,vue.js,前端,javascript)