Repolode
提交项目
ant-design

ant-design/ant-design-pro

基于 Ant Design、Umi Max 和 TypeScript 的开箱即用 React 企业后台脚手架，内置常用页面模板。

在 GitHub 查看官网
Star
38,937
Fork
8,246
未关闭 Issue
55
最近提交
3天前

这是什么？

Ant Design Pro 是一个面向企业后台应用的 React 脚手架，基于 Ant Design 组件库、Umi Max 框架和 TypeScript 构建。开发者可以直接获得布局、路由和一批常用页面，而不必从零搭建。

模板包含仪表盘、表单、列表、个人页、结果页、异常页、账户和登录等页面，还内置基于 Ant Design X 的 AI 助手聊天页。主题使用 Tailwind CSS v4 与 antd-style 定制，项目同时提供国际化、开发期 Mock 数据以及单元测试和 e2e 测试。执行 `npm run simple` 可以精简为最小版本。

项目采用 React 19、Ant Design 6 和 utoopack 构建工具链，并附带用于升级模板和查询 antd 接口的 Claude Code 技能。

核心功能

  • 01内置仪表盘、表单、列表、个人页和结果页等模板
  • 02基于 React 19、Umi Max 4 和 Ant Design 6 构建
  • 03使用 Tailwind CSS v4 与 antd-style 进行主题定制
  • 04内置国际化方案和开发期 Mock 数据
  • 05包含单元测试和 e2e 测试配置
  • 06通过一条命令精简为最小版本

适用场景

  • 基于 Ant Design 快速启动新的内部管理或后台系统
  • 用常见的增删改查页面原型化管理仪表盘
  • 学习生产级 React 与 Umi 项目的组织方式

快速上手

  1. 1

    克隆仓库

    git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
  2. 2

    进入项目目录

    cd myapp
  3. 3

    安装依赖

    npm install
  4. 4

    启动开发服务器

    npm start

使用前须知

  • 默认包含大量模板页面，若需精简版本，需运行不可逆的 npm run simple 命令。

标签

#react#ant-design#admin-dashboard#typescript#boilerplate#umi#enterprise#admin#antd#antv

常见问题

ant-design-pro 是什么？
基于 Ant Design、Umi Max 和 TypeScript 的开箱即用 React 企业后台脚手架，内置常用页面模板。 Ant Design Pro 是一个面向企业后台应用的 React 脚手架，基于 Ant Design 组件库、Umi Max 框架和 TypeScript 构建。开发者可以直接获得布局、路由和一批常用页面，而不必从零搭建。
ant-design-pro 可以免费使用吗？用的什么许可证？
ant-design-pro 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
ant-design-pro 还在维护吗？
活跃维护中。ant-design-pro 最近一次提交是在 2026年11月4日。
ant-design-pro 适合用来做什么？
基于 Ant Design 快速启动新的内部管理或后台系统 用常见的增删改查页面原型化管理仪表盘 学习生产级 React 与 Umi 项目的组织方式
ant-design-pro 怎么安装和运行？
克隆仓库: git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp 进入项目目录: cd myapp 安装依赖: npm install 启动开发服务器: npm start
在哪里获取 ant-design-pro？
源代码和安装说明在 GitHub 上：https://github.com/ant-design/ant-design-pro

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目