Umi Max 和 Ant Design Pro 的区别

1、前言：

Ant Design Pro
Umi Max

Umi Max 和 Ant Design Pro 其实关系很紧密，但用途不同、定位不同。
我们一起来搞清楚它们的区别、联系、使用场景👇

2、一句话总结

名称	作用
Umi	适用于移动端单页 H5
Umi Max	是现代前端框架，用来构建中后台项目（底层框架）企业级后台系统框架
Ant Design Pro	是一个中后台项目的脚手架模版（已经集成了 Umi Max + 组件 + 页面）

3、具体区别对比

对比项	Umi Max	Ant Design Pro
类型	前端框架	项目模版（预配置好的项目）
本质	Umi 的增强版	基于 Umi（以前是 Umi2/3）构建
包含内容	路由、数据流、权限、请求等插件	✅ 包含 Umi Max + Pro Layout + 页面模板
UI 组件	自带基本支持，自己加 Ant Design	已集成 Ant Design Pro 组件
使用场景	自定义程度高，可灵活组装	快速搭建中后台系统（CRUD）
上手速度	快，但你需要自己加 layout、权限等	开箱即用，登录页、权限、菜单全有
推荐使用者	有自定义需求的开发者	想快速构建后台的开发者

4、举个例子帮助理解

你想干什么	推荐
自己从零搭后台，完全自由控制功能结构	✅ 用 Umi Max
想马上跑起来一个后台，有菜单、登录、权限	✅ 用 Ant Design Pro（省时间）

5、其它

Umi ≈ 框架（结构）

Ant Design ≈ 组件库（外观）

搭配使用最佳，特别是企业级后台项目，Ant Design Pro 就是 Umi + Ant Design 的官方整合项目模板。

6、常见react项目方式

• Create React App（CRA ）属于 React 官方生态。
• Umi 属于 阿里巴巴的前端生态体系，Ant Design、Ant Design Pro 等都是配套产品。

7、Ant Design和Ant Design Pro和Ant Design Mobile\

名称	类型	用途	适用场景	技术栈
Ant Design	UI 组件库	提供按钮、表单、表格等组件	PC 端页面	React
Ant Design Pro	基于Ant Design 和 umi ，提供项目模板/脚手架	企业后台系统模板，内置布局、权限、菜单等	PC 端后台管理系统	React + Umi
Ant Design Mobile	UI 组件库	适用于移动端（H5）的组件	H5 手机网页	React