项目介绍

简介

vue3-element-admin 是一个基于 Vue3、Vite、TypeScript 和 Element-Plus 搭建的极简开箱即用企业级后台管理前端模板。

项目特色

🚀 最新技术栈

采用 Vue3、Vite7、TypeScript、Element-Plus 等前沿技术开发，保持技术栈的先进性和生命力。

💡 简洁易用

基于 vue-element-admin 升级的 Vue3 版本，无过度封装，易于理解和上手，降低学习成本。

🎯 数据交互

支持 Mock 数据和线上接口文档，并提供配套的 Java 和 Node 后端源码。

🔐 完善权限

• 动态路由：根据用户权限动态生成路由
• 按钮权限：细粒度的按钮级别权限控制
• 角色权限：基于角色的访问控制
• 数据权限：控制用户可访问的数据范围

🌍 国际化

内置国际化方案，支持中英文等多语言切换，方便扩展其他语言。

📱 响应式布局

• 多布局模式：支持左侧、顶部、混合等多种布局方式
• 移动端适配：完美适配移动端设备
• 暗黑模式：支持明暗主题切换

📦 工程化

• 代码规范：集成 ESLint 9、Prettier、Stylelint
• 提交规范：集成 Husky、Commitlint、Commitizen
• 自动导入：组件、API 自动按需导入
• TypeScript：完整的类型支持

🔧 丰富组件

提供丰富的业务组件和工具函数：

• CURD 组件：快速实现增删改查功能
• 表单组件：图标选择器、字典选择器、表格选择器等
• 上传组件：支持图片、文件上传
• 富文本编辑器：基于 WangEditor
• 图表组件：基于 ECharts
• AI 助手：集成 AI 功能

项目版本

版本	说明	技术栈
vue3-element-admin	TypeScript 版本（推荐）	Vue3 + Vite + TypeScript + Element-Plus
vue3-element-admin-js	JavaScript 版本	Vue3 + Vite + JavaScript + Element-Plus
vue3-element-template	精简版模板	Vue3 + Vite + TypeScript + Element-Plus

配套后端

项目	说明	技术栈
youlai-boot	Java 后端	Spring Boot 3.x + Spring Security + MySQL
youlai-nest	Node 后端	NestJS + TypeORM + MySQL

在线预览

• 💻 PC端预览：https://vue.youlai.tech
• 📱 移动端预览：https://app.youlai.tech
• 📖 接口文档：Apifox

默认账号

账号	密码	权限
admin	123456	管理员（所有权限）
test	123456	测试账号（部分权限）

浏览器支持

现代浏览器，不支持 IE。

Edge ≥ 90	Firefox ≥ 90	Chrome ≥ 90	Safari ≥ 14

开源协议

本项目基于 MIT 协议开源，完全免费，可商用。

社区支持

• 📮 问题反馈：Gitee Issues
• 💬 交流讨论：关注「有来技术」公众号，点击菜单「交流群」获取加群二维码
• 📧 商务合作：添加微信 haoxianrui

贡献指南

欢迎提交 Issue 和 Pull Request，让我们一起让这个项目变得更好！

在提交 Pull Request 之前，请确保：

1. 代码符合项目的代码规范
2. 提交信息符合 约定式提交规范
3. 已经测试过代码
4. 已经更新相关文档

Star History