Ant Design Pro 是一个开箱即用的企业级中后台前端/设计解决方案，构建在 Ant Design 组件库基础上，专为构建现代企业级应用而设计。其提供丰富的模板、最佳实践、以及强大的开发工具和框架支持，帮助开发者快速搭建高质量的管理系统。
特点
- TypeScript 支持：使用 TypeScript 语言，提供更好的代码可维护性和开发体验。
- 模块化开发：通过区块（Block）构建页面，提升开发效率。
- 响应式设计：支持多终端适配，适应各种屏幕尺寸。
- 主题定制：简便的主题配置，支持个性化主题定制。
- 国际化支持：内置国际化解决方案，支持多语言切换。
- Mock 开发：易用的 Mock 数据开发方案。
- UI 测试：提供单元测试和端到端测试，确保代码质量。
使用场景
- 企业管理系统：适用于各类企业后台管理系统，如CRM、ERP、OA等。
- 数据分析平台：适用于数据展示和分析的管理平台。
- 电商后台：适用于电商网站的管理后台，如商品管理、订单管理、用户管理等。
安装方式
使用 npm 安装 Ant Design Pro：
npx create-umi my-app
cd my-app
npm install
npm start
使用示例
创建一个基本的 Ant Design Pro 项目，并启动本地开发服务器：
npx create-umi my-app
cd my-app
npm install
npm start
在浏览器中访问 http://localhost:8000，即可看到 Ant Design Pro 的初始项目界面。
高级用法
- 自定义主题：通过修改
config/defaultSettings.ts 文件中的配置，来自定义 Ant Design Pro 的主题颜色、布局等。
- 集成第三方库：可以通过
src/models 和 src/services 目录来集成各种第三方数据源和 API 接口。
- 开发插件：利用 Umi 插件机制，开发自定义插件来扩展项目功能。
官方资料