YV

youlaitech/vue3-element-admin

数据库管理

本页由 AI 翻译,技术细节请以原文为准。 查看原文

2626 stars 质量 72 趋势 46MIT

youlaitech/vue3-element-admin 是从 https://github.com/youlaitech/vue3-element-admin. 导入的代理技能候选人。

概览

youlaitech/vue3-element-admin 是从 https://github.com/youlaitech/vue3-element-admin. 导入的代理技能候选人。

概述(AI 翻译)

Vue3 + Vite + TypeScript 企业级中后台前端

项目简介

vue3-element-admin 基于 Vue 3、Vite、TypeScript、Element Plus 构建的企业级中后台前端,配套 9 种主后端 + 衍生版本(覆盖 Java / Node.js / Go / Python / PHP / C# / Rust 7 种语言)及移动端 youlai-app。其他前端版本:JS 版 ·精简版 ·NaiveUI 版 ·Electron 桌面版。

项目特色

  • 简洁易用 — 基于 vue-element-admin 升级的 Vue3 版本,无过度封装,易上手
  • 权限体系 — 动态路由、按钮权限、角色权限和数据权限
  • 多租户 — 支持多租户模式与租户隔离
  • 基础设施 — 国际化、多布局、暗黑模式、全屏、水印、接口文档、代码生成器
  • 数据交互 — 支持 Mock 数据与线上接口文档,配套 Java / Node 后端源码
  • 持续更新 — 项目持续开源更新,跟进主流技术栈

系统预览

PC 端

移动端

快速开始

环境要求:Node.js ^20.19.0 或 [>=22.12.0 ·pnpm >=8.0.0

环境类型 版本要求 备注
Node.js [^20.19.0 或 >=22.12.0 推荐 LTS 版本(主版本为偶数)
包管理器 pnpm >= 8.0.0 项目使用 pnpm 作为包管理器
开发工具 Visual Studio Code 推荐安装 Vue、TypeScript 相关插件

启动后访问 http://localhost:3000,使用 admin / 123456 登录。

更多内容详见官方文档:快速开始 ·部署指南

AI 编程

本项目配套 Agent Skill,安装后 AI 编程助手会自动遵循本项目的 Vue3 开发规范(命名、目录结构、BEM + UnoCSS、组件与 API 约定)。支持 CodeBuddy、Claude Code、Cursor、Codex、GitHub Copilot 等 70+ Agent。

生态矩阵

前端

|项目 |技术栈 |说明 |更新状态 |

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

项目简介

vue3-element-admin 基于 Vue 3、Vite、TypeScript、Element Plus 构建的企业级中后台前端,配套 9 种主后端 + 衍生版本(覆盖 Java / Node.js / Go / Python / PHP / C# / Rust 7 种语言)及移动端 youlai-app。其他前端版本:JS 版 · 精简版 · NaiveUI 版 · Electron 桌面版。

项目特色

  • 简洁易用 — 基于 vue-element-admin 升级的 Vue3 版本,无过度封装,易上手
  • 权限体系 — 动态路由、按钮权限、角色权限和数据权限
  • 多租户 — 支持多租户模式与租户隔离
  • 基础设施 — 国际化、多布局、暗黑模式、全屏、水印、接口文档、代码生成器
  • 数据交互 — 支持 Mock 数据与线上接口文档,配套 Java / Node 后端源码
  • 持续更新 — 项目持续开源更新,跟进主流技术栈

系统预览

PC 端

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add youlaitech/vue3-element-admin
新手?先看 mcpskill.org 教程 →