vue3-element-admin

youlaitech vue3-element-admin

项目核心内容总结

项目功能

• 提供企业级后台管理前端模板，支持用户管理、角色管理、菜单管理、数据权限控制等核心功能模块。
• 配套 Java（youlai-boot）和 Node（youlai-nest）后端源码，支持快速搭建全栈开发环境。
• 提供简版（vue3-element-template）和 JS 版本（vue3-element-admin-js）满足不同开发需求。

主要特性

1. 技术栈：基于 Vue3、Vite7、TypeScript 和 Element-Plus 构建，支持国际化、暗黑模式、接口文档生成等功能。
2. 权限管理：支持动态路由、按钮权限、数据权限等精细化权限控制。
3. 开发友好：集成 Mock 数据和线上接口文档（Apifox），支持代码规范（ESLint、Prettier）和 Git 提交规范（Commitlint）。
4. 持续更新：项目持续维护，实时更新依赖和工具。

使用方法

1. 开发环境：
   • 安装 Node.js（LTS 版本）、pnpm 包管理器和 VSCode。
   • 执行命令：git clone → pnpm install → pnpm run dev 启动开发服务器。
2. 部署：
   • 运行 pnpm run build 生成 dist 目录。
   • 配置 Nginx 反向代理，将 dist 文件部署至服务器。
3. 接口切换：
   • 修改 .env.development 文件，启用本地 Mock 或切换后端接口地址（如 http://localhost:8989）。

注意事项

• 自动导入插件默认关闭，新增组件需手动开启生成。
• 低版本浏览器可能因不支持新语法（如 ?.）导致页面空白。
• 项目更新后需执行 pnpm install 安装依赖。
• VSCode 中组件爆红时可尝试重启编辑器。
• 问题反馈可通过 Gitee 提交 ISSUE。