登录 注册
数据分析与数据处理 adminant-designantdantd-procssdashboard
10,913
Stars
3,039
Forks
235
Watchers
216
Open Issues
MIT
许可证
Vue
语言
2018-09-15
创建时间
2025-09-19
最近更新

项目能做什么

基于 Vue 2 和 Ant Design Vue 构建的企业级开箱即用中后台前端解决方案。
来源:AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
English | [简体中文](./README.zh-CN.md)

<h1 align="center">Ant Design Vue Pro for Vue 2</h1>
<div align="center">
An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on  <a href="https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/" target="_blank">Ant Design of Vue</a>
</div>

<div align="center">
  If you are looking for the Vue 3 version, please visit [Ant Design Vue Pro for Vue 3](https://store.antdv.com/items/admin-pro)
</div>

<div align="center">

[![License](https://img.shields.io/npm/l/package.json.svg?style=flat)](https://github.com/vueComponent/ant-design-vue-pro/blob/master/LICENSE)
[![Release](https://img.shields.io/github/release/vueComponent/ant-design-vue-pro.svg?style=flat)](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
[![Support Vue Version](https://img.shields.io/badge/Support-Vue2-green?style=flat)](https://github.com/vueComponent/ant-design-vue-pro/releases/latest)
[![Travis branch](https://travis-ci.org/vueComponent/ant-design-vue-pro.svg?branch=master)](https://travis-ci.org/vueComponent/ant-design-vue-pro)

</div>

- Preview: https://preview.pro.antdv.com
- Home Page: https://pro.antdv.com
- Documentation: https://pro.antdv.com/docs/getting-started
- ChangeLog: https://pro.antdv.com/docs/changelog
- FAQ: https://pro.antdv.com/docs/faq
- Vue3 ProLayout: https://github.com/vueComponent/pro-layout

## Overview

![dashboard](https://static-2.loacg.com/open/static/github/SP1.png)

### Env and dependencies

- node
- yarn
- webpack
- eslint
- @vue/cli
- [ant-design-vue@1.x](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - Picture edit
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - AntV G2
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - Antv/G2 of Vue

> Note: [Yarn](https://yarnpkg.com/) package management is recommended, the exact same version loaded with the demo site of this project (yarn.lock) . but you can also use npm

### Project setup

- Clone repo

```bash
git clone https://github.com/vueComponent/ant-design-vue-pro.git
cd ant-design-vue-pro
```

- Install dependencies

```
yarn install
```

- Compiles and hot-reloads for development

```
yarn run serve
```

- Compiles and minifies for production

```
yarn run build
```

- Lints and fixes files

```
yarn run lint
```

### Other

- **IMPORTANT : Issue feedback !! when opening Issue read [Issue / PR Contributing](https://github.com/vueComponent/ant-design-vue-pro/issues/90)**

- [Vue-cli3](https://cli.vuejs.org/guide/) used by the project.

- Disable Eslint (not recommended): remove `eslintConfig` field in `package.json` and `vue.config.js` field `lintOnSave: false`

- Load on Demand `/src/main.js` L14, in `import './core/lazy_use'`, `import './core/use''`. more [load-on-demand.md](./docs/load-on-demand.md)

- Customize Theme: [Custom Theme Config (@kokoroli)](https://github.com/kokoroli/an
阅读完整原文

商业机会分析 AI 生成

商业化高级后台模板销售(类似官方 Store 模式)

产品构想基于现有开源版本的广泛认知度(10k+ stars),开发或分销包含丰富业务场景(RBAC、国际化、低代码表单、大屏可视化)的 Vue 3 / TypeScript 商业模板。
核心功能Vue 3 + Vite + TypeScript 现代化重构、动态路由与按钮级权限控制、开箱即用的暗黑模式与国际化、典型业务页面预设(商城/CRM/ERP看板)
目标用户外包公司、初创团队技术负责人、独立开发者
难度/周期中等 · 1-2 个月 · 成本:开发机器、静态演示站点托管与域名费用(极低)
收费模式按套买断制收费(单用户授权 / 团队多项目商业授权)
竞争风险市面上同类开源竞品(如 vben-admin 等)较多,同质化竞争激烈
依据 已验证事实

Vue 2 到 Vue 3 / Vite 平滑升级与迁移服务工具包

产品构想针对大量基于该模板开发且积重难返的企业旧项目,提供自动化升级脚本、语法转换 AST 工具及专家技术咨询服务。
核心功能Webpack 转 Vite 依赖替换方案、Ant Design Vue 1.x 到 3.x/4.x 组件映射转换脚本、Vue 2.7 过渡期兼容层封装
目标用户背负技术债务的中大型企业前端团队、外包项目维护方
难度/周期高 · 2-3 个月 · 成本:工具开发与测试用例验证成本
收费模式工具包按次付费或收取企业级迁移代工/技术支持咨询费
竞争风险各企业业务魔改程度过高导致自动化工具难以 100% 覆盖,推高定制服务成本
依据 尚需验证的假设

配套低代码/页面生成器扩展(ProComponents 封装)

产品构想基于 antd-vue 体系打造类似 Ant Design ProComponents 的高级组件库或可视化代码生成器(针对表格、表单、详情页)。
核心功能ProTable 复杂数据表格封装、Schema 驱动的 ProForm、一键导出 Vue 代码的在线生成工具
目标用户追求高交付效率的全栈开发者、后台系统开发者
难度/周期中等 · 1-2 个月 · 成本:前端云服务部署费用
收费模式高级生成器功能订阅制(SaaS)或高级组件库商业授权
竞争风险开源生态内可能存在免费竞品替代方案
依据 数据支持的判断
AI 基于仓库公开数据分析生成,含推测成分,不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
PanJiaChen/vue-element-admin 中文介绍暂未生成
:tada: A magical vue admin
90,104 Vue
payloadcms/payload 中文介绍暂未生成
Payload is the open-source, fullstack Next.js framework, giv
45,781 TypeScript
ColorlibHQ/AdminLTE 中文介绍暂未生成
AdminLTE - Free admin dashboard template based on Bootstrap
45,689 Astro
tabler/tabler 中文介绍暂未生成
Free and open source admin dashboard UI kit built on Bootstr
42,050 Astro
appsmithorg/appsmith 中文介绍暂未生成
Platform to build admin panels, internal tools, and dashboar
41,230 TypeScript
ant-design/ant-design-pro 中文介绍暂未生成
👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
38,958 TypeScript
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 2018-09-15,最近推送 2025-09-19,发布过 18 个 Release
社区活跃Star 10,913 / Fork 3,039 / Issue 216(数据支持,可自行核实)
许可证MIT
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/vueComponent/ant-design-vue-pro.git
cd ant-design-vue-pro
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。