ByteNote

Vue Antd Admin 是一个基于 Vue 2 和 Ant Design Vue 开发的开源中后台前端解决方案，是 Ant Design Pro 的 Vue 实现版本。该项目提供了开箱即用的中后台前端模板，包含丰富的组件和页面示例，帮助开发者快速搭建企业级管理系统。

项目简介

Vue Antd Admin 由开发者 iczer 创建维护，在 GitHub 上已获得 3.7k stars 和 953 forks。项目采用 MIT 开源协议，主要使用 Vue (63.7%)、JavaScript (33.5%) 和 Less (2.5%) 编写。

注意：该项目已有 Vue 3 版本，更名为 stepin-template，如需使用 Vue 3 可前往体验。

核心特性

开箱即用：基于 Ant Design Pro 设计规范，提供完整的中后台解决方案
丰富组件：集成 Ant Design Vue 组件库，包含表格、表单、图表等常用组件
多种主题：支持多种主题模式切换，满足不同视觉需求
权限管理：内置完善的权限控制体系，支持角色和菜单权限配置
响应式布局：适配各种屏幕尺寸，支持移动端访问
国际化支持：内置多语言解决方案
Mock 数据：开发环境提供 Mock 数据支持

技术栈

技术	版本	说明
Vue	2.x	前端框架
Ant Design Vue	1.x	UI 组件库
Vue Router	3.x	路由管理
Vuex	3.x	状态管理
Axios	-	HTTP 请求库
Less	-	CSS 预处理器

安装指南

环境要求

Node.js >= 10.0.0
Yarn 或 npm

快速开始

方式一：使用 Yarn

bash

# 克隆项目
git clone https://github.com/iczer/vue-antd-admin.git

# 进入项目目录
cd vue-antd-admin

# 安装依赖
yarn install

# 启动开发服务器
yarn serve

方式二：使用 npm

bash

# 克隆项目
git clone https://github.com/iczer/vue-antd-admin.git

# 进入项目目录
cd vue-antd-admin

# 安装依赖
npm install

# 启动开发服务器
npm run serve

启动成功后，访问 http://localhost:8080 即可查看项目。

项目结构

text

vue-antd-admin/
├── public/                 # 静态资源
├── src/
│   ├── assets/            # 图片、样式等资源
│   ├── components/        # 公共组件
│   ├── layouts/           # 布局组件
│   ├── pages/             # 页面组件
│   ├── router/            # 路由配置
│   ├── store/             # Vuex 状态管理
│   ├── utils/             # 工具函数
│   └── services/          # API 服务
├── docs/                  # 文档
├── .env                   # 环境变量
├── .env.development       # 开发环境配置
├── package.json           # 项目依赖
├── vue.config.js          # Vue CLI 配置
└── babel.config.js        # Babel 配置

浏览器支持

IE / Edge	Firefox	Chrome	Safari	Opera
IE10, Edge	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本

在线资源

在线预览：https://vue-antd-admin.pages.dev
使用文档：https://doc.vue-antd-admin.pages.dev
常见问题：https://doc.vue-antd-admin.pages.dev/start/faq.html
国内镜像：https://gitee.com/iczer/vue-antd-admin

参与贡献

Vue Antd Admin 欢迎社区贡献，你可以通过以下方式参与：

在公司或个人项目中使用 Vue Antd Admin
通过 Issue 报告 Bug 或提出建议
提交 Pull Request 改进代码
加入 QQ 群交流：942083829

许可证

本项目采用 MIT 开源许可证。

字节笔记本

Vue Antd Admin - 基于 Vue 2 和 Ant Design 的中后台解决方案