Vue后台

vue-relaxed-admin — Vue 后台模板

作者 shoppingzh

基于 Vue 3 的中后台模板,集成 Element Plus、Pinia、TailwindCSS,提供主题换肤、暗黑模式、配置化表格等常用后台能力。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Vue 3、Element Plus 与 Pinia 的后台基础结构

02

集成 TailwindCSS,并提供暗黑、色弱、灰色模式与主题色换肤

03

内置配置化表格、图表、水印、全屏、快捷键等功能指引类方案

04

工程侧包含 ESLint/Prettier、husky/commitlint、JSX 与多页 history 路由支持

05

提供 SVG 雪碧图与自动下载 iconfont 方案,并支持组件自动注册与 Mock

模板详细介绍

vue-relaxed-admin 是一个面向中后台场景的 Vue 前端模板,采用 MIT 许可发布,仓库包含在线预览与 README 说明。模板在工程层面集成 ESLint/Prettier、husky/commitlint,支持 JSX、多页 history 路由、SVG 雪碧图与自动下载 iconfont,并包含作者标注的性能优化内容。

开发层面以 Vue 3、Element Plus、Pinia 为基础,提供组件自动注册、Mock、TailwindCSS 集成,以及暗黑模式、色弱模式、灰色模式和主题色换肤。解决方案层面覆盖平滑滚动、复制粘贴、断网检测、全屏、快捷键、功能指引、水印、图表和配置化表格。

模板定位为开箱即用的中后台起点,适合在此基础上按业务需要调整页面与配置;README 未列出具体依赖版本号,也未说明生产环境下的性能与稳定性表现,使用前应自行核对依赖与第三方素材的许可。

Vue后台

适合你的项目吗?

适用场景

  • 需要 Vue 3 中后台起步模板,快速搭建带侧边栏与数据页面的管理界面
  • 希望在项目中直接使用 Element Plus 与 TailwindCSS 组合开发后台页面
  • 需要暗黑模式、主题色换肤或色弱/灰色模式等界面偏好能力
  • 需要配置化表格、图表、水印、全屏等常见后台交互组件
  • 需要多页 history 路由或 JSX 写法的 Vue 后台工程结构

适合人群

  • 熟悉 Vue 3 与 Element Plus、希望减少后台基础搭建工作量的前端开发者
  • 需要可修改源码、按业务定制主题与页面布局的中后台项目
  • 接受 MIT 许可并愿意自行核对第三方素材许可的团队

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    仓库采用 MIT 许可,分发代码副本或实质性部分时需保留版权声明与许可声明

  2. 2

    README 未列出具体依赖版本,安装前应核对 package.json 中的依赖与兼容性

  3. 3

    演示图片、字体、图标等第三方素材需按各自许可单独确认

  4. 4

    模板提供在线预览地址,可先对照预览确认功能范围再决定是否使用

  5. 5

    外部服务如域名、托管、数据库等可能产生额外费用,需自行评估

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 64 / 100
技术栈
Vue
网站类型
后台
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2024-08-22
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 56f9c93f82a36eef68c7f03f6600d33f98807be9e60a299607b8dea39dea891e

2026-10-03T15:52:29.228Z

来源文件 / 仓库
# vue-relaxed-admin

轻松的、开箱即用的中后台模板。

## 🍧 预览

在线访问地址:[https://vue.zhengxiaoping.xyz/](https://vue.zhengxiaoping.xyz/)

![](./images/preview.png)

## 🚀 特性

**工程基础**
- ESLint/Prettier 集成
- husky/commitlint 集成
- JSX支持
- 兼容性
- 多页支持(支持多页history路由!)
- svg 雪碧图与自动下载 iconfont 方案
- 性能优化

**开发基础**
- Vue3/Element Plus/Pinia
- 组件自动注册
- Mock
- TailwindCSS 集成
- 暗黑模式/色弱模式/灰色模式
- 支持主题色换肤

**解决方案**
- 平滑滚动
- 复制粘贴
- 断网检测
- 全屏
- 快捷键
- 功能指引
- 水印
- 图表
- 配置化表格
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。