🔥优秀的 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 年多来总结的几个项目,绝对比其他文章推荐的模板项目靠谱。希望大家点赞 + 收藏支持一下!

相关推荐
赵大仁28 分钟前
深入理解 Vue 3 中的具名插槽
前端·javascript·vue.js·react.js·前端框架·ecmascript·html5
一雨方知深秋32 分钟前
v-bind 操作 class(对象,数组),v-bind 操作 style
前端·css·vue.js·html·style·class·v-bind
安晴晚风2 小时前
从0开始在linux服务器上部署SpringBoot和Vue
linux·运维·前端·数据库·后端·运维开发
前端小小王3 小时前
pnpm、Yarn 和 npm 的区别?
前端·npm·node.js
supermapsupport3 小时前
使用npm包的工程如何引入mapboxgl-enhance/maplibre-gl-enhance扩展包
前端·webpack·npm·supermap·mapboxgl
牛奔3 小时前
windows nvm 切换node版本后,npm找不到
前端·windows·npm·node.js
鱼大大博客3 小时前
Edge SCDN酷盾安全重塑高效安全内容分发新生态
前端·安全·edge
鸭梨山大。3 小时前
NPM组件包 vant部分版本内嵌挖矿代码
前端·安全·npm·node.js·vue
蟾宫曲8 小时前
在 Vue3 项目中实现计时器组件的使用(Vite+Vue3+Node+npm+Element-plus,附测试代码)
前端·npm·vue3·vite·element-plus·计时器
秋雨凉人心8 小时前
简单发布一个npm包
前端·javascript·webpack·npm·node.js