🔥优秀的 Vue3 开源后台模板推荐

Why

总能看见很多推荐开源项目的文章,但是发现其中推荐的项目质量参差不齐,甚至有些作者早就不维护了。所以打算写下这篇推荐文,文中将列出在时间点为2023年10月份时依旧很能打的开源 Vue3 模板项目!

推荐依据

我从 2020 年 Vue3 发布后就开始在 GitHub 开源社区跟踪大量 Vue3 项目,将根据 维护频率IssuesPR代码质量UI 质量文档 等方面来做推荐,文章提到的模板均满足以下要求:

  • 维护频率:持续进行
  • Issues:处理的及时
  • PR:有一定社区参与度
  • 代码质量:中上
  • UI 质量:中上
  • 文档:有
  • 二开:适合即可
  • 参考示例:适合即可

避免出现较大的争议,文章做以下几点规定:

  1. 我没有关注到的项目/不熟悉的项目,文章中不会体现出来,但欢迎评论区自己自荐!
  2. 每个阵营推荐的项目顺序不代表其综合质量高低,只是按当前 GitHub Star 数量来排
  3. 收费或者有一些奇奇怪怪要求的项目,我几乎都不会关注,所以也不会推荐
  4. 每个项目的打分均是根据我本人观察得到的数据而来,尽量客观,但肯定有误差,请见谅

❤️ 推荐列表

Element Plus

推荐三款:

  1. Vue Pure Admin 截止当前 10.9K Star
  2. V3 Admin Vite 截止当前 2.6K Star
  3. Vue Element Plus Admin 截止当前 1.7K Star

Naive UI

推荐一款

  1. Soybean Admin 截止当前 5.6K Star

Ant Design Vue

推荐一款

  1. Vue Vben Admin 截止当前 19.9K Star

❤️ 详细介绍

Element Plus

Vue Pure Admin

简介:Vue Pure Admin 是一款开源免费且开箱即用的中后台管理系统模版。使用了最新的 Vue3、Vite、Element Plus、TypeScript、Pinia、Tailwind CSS 等主流技术开发,并提供了完整版和精简版。

  • 维护频率:⭐⭐⭐⭐⭐(5星
  • Issues:⭐⭐⭐⭐⭐(5星
  • PR:⭐⭐⭐⭐
  • 代码质量:⭐⭐⭐⭐
  • UI 质量:⭐⭐⭐⭐
  • 文档:⭐⭐⭐⭐⭐ (亮点,文档非常详细
  • 二开:⭐⭐⭐⭐
  • 参考示例:⭐⭐⭐⭐⭐(亮点,功能以及示例非常全

平均:4.5 个⭐

V3 Admin Vite

简介:V3 Admin Vite 是一个免费开源的中后台管理系统基础解决方案,基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术,并提供了 Vue Cli 5.x 版 和 Electron 桌面版。

  • 维护频率:⭐⭐⭐⭐⭐(5星
  • Issues:⭐⭐⭐⭐⭐(5星
  • PR:⭐⭐⭐⭐
  • 代码质量:⭐⭐⭐⭐⭐ (亮点,是我见过代码最规范整洁的
  • UI 质量:⭐⭐⭐⭐
  • 文档:⭐⭐⭐⭐⭐ (亮点,提供了文档和教程两种方式
  • 二开:⭐⭐⭐⭐⭐(亮点,非常适合二开
  • 参考示例:⭐⭐⭐

平均:4.5 个⭐

Vue Element Plus Admin

简介:Vue Element Plus Admin 是一个基于 Element Plus 免费开源的中后台模版。使用了最新的 Vue3,Vite,TypeScript 等主流技术开发,开箱即用的中后台前端解决方案,可以用来作为项目的启动模板,也可用于学习参考。并且时刻关注着最新技术动向,尽可能的第一时间更新。

  • 维护频率:⭐⭐⭐⭐⭐(5星
  • Issues:⭐⭐⭐⭐
  • PR:⭐⭐⭐⭐
  • 代码质量:⭐⭐⭐⭐
  • UI 质量:⭐⭐⭐⭐
  • 文档:⭐⭐⭐⭐
  • 二开:⭐⭐⭐⭐
  • 参考示例:⭐⭐⭐⭐

平均:4.13 个⭐

Naive UI

Soybean Admin

简介:Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新流行的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于文件的路由系统以及基于 Mock 的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。

  • 维护频率:⭐⭐⭐⭐⭐(5星
  • Issues:⭐⭐⭐⭐⭐(5星
  • PR:⭐⭐⭐⭐
  • 代码质量:⭐⭐⭐⭐
  • UI 质量:⭐⭐⭐⭐⭐(亮点,UI 是我见过最漂亮的
  • 文档:⭐⭐⭐⭐
  • 二开:⭐⭐⭐⭐
  • 参考示例:⭐⭐⭐⭐

平均:4.38 个⭐

Ant Design Vue

Vue Vben Admin

简介:Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的 Vue3、Vite4、TypeScript 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

  • 维护频率:⭐⭐⭐⭐⭐(5星
  • Issues:⭐⭐⭐⭐
  • PR:⭐⭐⭐⭐⭐(5星
  • 代码质量:⭐⭐⭐⭐
  • UI 质量:⭐⭐⭐⭐
  • 文档:⭐⭐⭐⭐
  • 二开:⭐⭐⭐
  • 参考示例:⭐⭐⭐⭐⭐(亮点,功能以及示例非常全

平均:4.25 个⭐

❤️ 懒人推荐

送给有选择困难症的你

如果你是新手,或者你想要快速上手进行二开,强烈推荐基于 Element Plus 的 V3 Admin Vite !!!

如果你看重 UI 是否足够漂亮,那你可以试试看基于 Naive UI 的 Soybean Admin !!!

如果你无畏上手成本,喜欢高强度的封装,那你可以体验体验基于 Ant Design Vue 的 Vue Vben Admin !!!

如果上面三个选择都不满足你,那你可以试试各项都比较均衡Vue Pure AdminVue Element Plus Admin,前者略微比后者上手成本高

感谢你的阅读

这真的是我个人持续观察 3 年多来总结的几个项目,绝对比其他文章推荐的模板项目靠谱。希望大家点赞 + 收藏支持一下!

相关推荐
fxshy几秒前
在 Vue 3 + Vite 项目中使用 Less 实现自适应布局:VW 和 VH 的应用
前端·javascript·less
奇舞精选3 分钟前
AI时代的前端知识拾遗:前端事件循环机制详解(基于 WHATWG 最新规范)
前端·javascript
小月鸭5 分钟前
理解预处理器(Sass/Less)
前端
AI3D_WebEngineer29 分钟前
企业级业务平台项目设计、架构、业务全解之组件库篇
前端·javascript·vue
charlie1145141911 小时前
从零开始理解 CSS:让网页“活”起来的语言2
前端·css·笔记·学习·选择器·样式表·原生
浪裡遊1 小时前
Next.js路由系统
开发语言·前端·javascript·react.js·node.js·js
mapbar_front1 小时前
职场中的顶级能力—服务意识
前端
尽兴-2 小时前
[特殊字符] 微前端部署实战:Nginx 配置 HTTPS 与 CORS 跨域解决方案(示例版)
前端·nginx·https·跨域·cors·chrom
JIngJaneIL2 小时前
助农惠农服务平台|助农服务系统|基于SprinBoot+vue的助农服务系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·助农惠农服务平台
云外天ノ☼3 小时前
待办事项全栈实现:Vue3 + Node.js (Koa) + MySQL深度整合,构建生产级任务管理系统的技术实践
前端·数据库·vue.js·mysql·vue3·koa·jwt认证