项目介绍
vue3-element-admin 是有来开源生态的 PC 管理端，基于 Vue 3、Vite、TypeScript 和 Element Plus，配套 移动端、统一 API 与 多种后端实现。
如果只想运行项目，直接看 快速开始。
适合什么场景？
| 场景 | 说明 |
|---|---|
| 企业后台管理 | 用户、角色、菜单、部门、字典、日志等基础能力 |
| 权限系统二开 | 动态路由、按钮权限、接口鉴权、数据权限配套完整 |
| 多后端联调 | Spring Boot、NestJS、Gin、Django、ThinkPHP、ASP.NET Core 共享 API 约定 |
| 快速搭页面 | CURD、字典组件、上传、表格选择、富文本等业务组件 |
| 私有化部署 | 支持本地后端、Mock、线上接口和服务器部署 |
不适合什么场景？
| 场景 | 建议 |
|---|---|
| 只需要纯静态官网 | 选择更轻量的官网模板 |
| 不需要登录、菜单和权限 | 可参考 移除登录 或精简模板 |
| 只做移动端项目 | 优先查看 youlai-app |
| 希望从零学习 Vue 基础 | 先学习 Vue、Vite、TypeScript 和 Element Plus 基础 |
能力边界
| 能力 | 文档入口 |
|---|---|
| 启动与环境 | 快速开始 / 环境配置 |
| 路由与菜单 | 路由和菜单 |
| 权限控制 | 权限控制 |
| 组件开发 | 组件总览 |
| 接口联调 | 接口请求 / API 概览 |
| 部署上线 | 构建和部署 |
配套项目
| 项目 | 说明 |
|---|---|
| youlai-app | uni-app 移动端 |
| 后端生态 | 6 种后端实现 |
| API 文档 | 前端、移动端和后端共同遵循的接口约定 |
| 核心概念 | 权限、字典、SSE、多租户、代码生成等机制 |
在线预览与账号
| 类型 | 地址 / 账号 |
|---|---|
| PC 管理端 | https://vue.youlai.tech |
| 移动端 | https://app.youlai.tech |
| 管理员账号 | admin / 123456 |
| 测试账号 | test / 123456 |
版本选择
| 版本 | 说明 |
|---|---|
| vue3-element-admin | TypeScript 版本，推荐优先使用 |
| vue3-element-admin-js | JavaScript 版本 |
| vue3-element-template | 精简模板版 |