一.介紹

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庫，包含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美化

四.往期文章推薦

• Vue前端直傳至阿里雲OSS（支持斷點續傳，分片上傳，批量上傳）
• 🔥🔥🔥基於Vue3+Vite2+Element-Plus+Vue-i18n管理平台模板

五.轉載説明

整理資源不易，轉載請標明原文出處！！！