今天來分享 15 個基于 Vue3.0 全家桶的優秀開源項目！

1. Vue Admin Better

github : https://github.com/chuzhixin/vue-admin-better

vue admin better 對比其他來源 admin 框架有如下優勢:

1. 支持前端控制路由權限 intelligence、后端控制路由權限 all 模式
2. 已知來源 vue admin 框架中首家支持 mock 自動生成自動導出功能
3. 提供 50 余項全局精細化配置
4. 支持 scss 自動排序，eslint 自動修復
5. axios 精細化封裝，支持多數據源、多成功 code 數組，支持 application/json;charset=UTF-8、
   application/x-www-form-urlencoded;charset=UTF-8 多種傳參方式
6. 支持登錄RSA加密
7. 支持打包自動生成7Z壓縮包
8. 支持errorlog錯誤攔截
9. 支持多主題、多布局切換

預覽圖：

2. Vue Pure Admin

github：https://github.com/xiaoxian521/vue-pure-admin

vue-pure-admin 是一款開源免費且開箱即用的中后臺管理系統模版。使用了最新的 Vue3+Vite+Element-Plus+TypeScript+Pinia+Tailwindcss 等主流技術開發

預覽圖：

3. Vue vben admin

github：https://github.com/vbenjs/vben-admin-thin-next

Vue Vben Admin 是一個開源的中后臺模版。使用了最新的 Vue3 + Vite + TypeScript + Pinia + Vue Router 等主流技術開發，開箱即用的中后臺前端解決方案，也可用于學習參考。

預覽圖：

4. JeecgBoot-Vue3

github ：https://github.com/jeecgboot/jeecgboot-vue3

JeecgBoot-Vue3采用 Vue3.0+Vite+Ant-Design-Vue3+TypeScript+Vue-router+ Vue-RFCS等新技術方案，包括二次封裝組件、utils、hooks、動態菜單、權限校驗、按鈕級別權限控制等功能。 是JeecgBoot低代碼平臺的vue3技術棧的全新UI版本，功能強于vue2版。

預覽圖：

5. kamiFaka

github：https://github.com/Baiyuetribe/kamiFaka

1. Stisla UI：web界面很漂亮
2. 前端使用VUE3.0,毫秒級響應
3. 已集成支付寶當面付、微信官方、Payjs、虎皮椒、YunGouOS、易支付、Mugglepay、V免簽等十幾種支付接口
4. 普通用戶支持郵箱、短信接收消息
5. 管理員支持郵箱、短信、TG、微信、QQ通知
6. 支持2~4層批發模式
7. 長卡密可導出為txt文本
8. 多種主題模式【列表、卡片、宮格】
9. 支持自定義背景、logo、聯系方式等
10. 支持熱備份，可一鍵云端備份、一鍵導出備份文件到本地
11. 數據庫可分離，兼容Mysql、PostgreSQL和Sqlite
12. 支持移動端喚醒支付寶
13. JWT認證
14. Limter保障服務器訪問頻率和次數
15. 訪客與管理員頁面分離，可獨立定制

預覽圖：

6. Vue3-jd-h5

vue3-jd-h5是一個基于Vue 3.0.0+Vant 3.0.0實現的電子商務h5頁面前端項目，主要包括主頁、分類頁面、我的頁面、購物車等。

預覽圖：

7. Vue3-element-plus-admin

github：https://github.com/gmingchen/vue3-element-plus-admin

Java + Vue 有很多優秀的后臺管理系統，但是為了可以高效的開發后臺權限管理系統

vue3-element-plus-admin 是一個基于 Vue3 + Element-plus + Java 的多企業后臺權限管理系統，提供了完善的權限體系，讓開發者把注意力集中到具體業務當中，降低開發成本，提高項目效率。 可以用于網站管理后臺、SAAS、CMS、CRM、OA、ERP等，企業和個人都可以免費使用。歡迎提交PR（需求），若開發中遇到問題可以上 Github 提 Issues。

預覽圖：

8. Vue3-bigData

github：https://github.com/biubiubiu01/vue3-bigData

vue3-bigData是一個可視化系統，基于vue3.0 和 echarts實現，使用vue的最新的技術棧，包括各種可視化圖表。

預覽圖：

9. Vue-form-create

github：https://github.com/fuchengwei/vue-form-create

Vue-form-create是基于 Vue3.0 + TS 的自定義表單生成器。支持 npm 與 cdn 引入的方式。UI 庫支持 ant-design-vue 與 element-plus。

預覽圖：

10. Vue3.0-web-music

github: https://github.com/woliuCN/vue3.0-web-music

Vue3.0-web-music是一個基于 Vue 3 + TypeScript + Vite + Pinia + Vueuse 開發的音樂播放器，界面模仿QQ音樂 Mac 客戶端，支持黑夜模式。

11. Vue-data-visualization

github：https://github.com/miyuesc/vue-data-visualization

Vue-data-visualization主要使用 Vue 3+Echarts 5+Element Plus 進行開發. 使用原生 JavaScript 實現元素的拖拽與縮放.

該項目主要為實現通用的可視化大屏的簡單配置, 對于特殊圖表仍然需要二次開發.

預覽圖：

12. Imooc-zhihu-zheye-column

github：https://github.com/marlonchiu/imooc-zhihu-zheye-column

Imooc-zhihu-zheye-column使用 Typescript + Vue3.0+Vue-Router 從零到一測試到上線 高仿知乎專欄

預覽圖：

13. Vue3.0 Element ShopManage

github：https://github.com/ly1994lyy/Vue3.0_Element_ShopManage

Vue3.0 Element ShopManage基于Vue3.0+TS+Element-plus.0的商城后臺管理系統

預覽圖：

14.vue3-composition-admin

github：https://github.com/RainManGO/vue3-composition-admin

vue3-composition-admin 是一個管理端模板的解決方案，它基于 Vue3、TypeScript、Vuex、Vue Router、Element plus，項目都是以 composition api 風格編寫。

預覽圖：

15. newbee-mall-vue3-app

github:：https://github.com/newbee-ltd/newbee-mall-vue3-app

newbee-mall-vue3-app 是一個基于 Vue3 + Vue Router4 + Vuex?4 + Vant3 的大型單頁面商城項目。商城系統包含首頁門戶、商品分類、新品上線、首頁輪播、商品推薦、商品搜索、商品展示、購物車、訂單結算、訂單流程、個人訂單管理、會員中心、幫助中心等模塊。