vue-element-admin

项目概览

vue-element-admin 是一套面向后台管理界面的生产级前端解决方案，基于 Vue 2 与 Element UI 构建，内置国际化、企业级模板与大量常用组件，帮助开发者快速搭建复杂的中大型单页应用。

• 在线预览：https://panjiachen.github.io/vue-element-admin
• 文档站点：https://panjiachen.github.io/vue-element-admin-site/
• 国内预览：https://panjiachen.gitee.io/vue-element-admin/

核心能力

权限与路由

• 页面级权限与指令级权限控制
• 权限配置页面、两步登录
• 动态侧边栏（支持多级路由）、动态面包屑、标签页视图

通用功能

• 国际化（i18n）、多套动态主题、响应式侧边栏
• Mock 数据、全屏、Svg Sprite
• 多环境构建：dev / sit / stage / prod

编辑器与数据处理

• 富文本编辑器、Markdown 编辑器、JSON 编辑器
• Excel 导出、上传、可视化与 zip 打包
• 动态表格、拖拽表格、行内编辑表格

组件与示例

头像上传、回到顶部、拖拽弹窗/选择/看板/列表、SplitPane、Dropzone、Sticky、CountTo，以及 ECharts、剪贴板、Markdown 转 HTML 等示例。

快速开始

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
cd vue-element-admin

# 安装依赖
npm install

# 本地开发
npm run dev

启动后默认访问 http://localhost:9527。

构建与检查

npm run build:stage   # 测试环境构建
npm run build:prod    # 生产环境构建
npm run preview       # 预览构建结果
npm run lint          # 代码格式检查

版本与分支说明

• v4.1.0+ 之后默认 master 分支不再支持 i18n，需要国际化请使用 i18n 分支
• 当前版本基于 vue-cli 构建，旧版本可切换到 tag/3.11.0
• 项目不支持低版本浏览器（如 IE），需自行添加 polyfill

相关模板

• 基础模板：vue-admin-template
• 桌面端：electron-vue-admin
• TypeScript 版：vue-typescript-admin-template

适用建议

若项目仍处于 Vue 2 技术栈，或需要一套成熟的后台工程范本，本项目是稳妥选择；若计划采用 Vue 3 生态，可参考同作者的 Element Plus 相关方案。