2024年4月18日发(作者：)

ant design pro用法

Ant Design Pro 是一款基于 Ant Design 设计语言的企业级中后

台前端/设计解决方案，提供了丰富的UI组件、样式和布局模

板，帮助开发者快速构建美观、功能强大的中后台应用。

下面是 Ant Design Pro 的用法：

1. 创建新项目：

打开终端，使用以下命令创建一个新的 Ant Design Pro 项目：

```shell

$ yarn create umi

# 选择 ant-design-pro-antd

```

2. 配置项目：

进入项目文件夹，并编辑 `.env` 文件，配置项目的环境变量

和 API 地址等。

3. 开发页面：

在 `src/pages` 目录下创建新的页面文件，例如

`src/pages/`。编写页面代码、调用 Ant Design Pro

提供的组件和样式。

4. 路由配置：

在 `config/` 文件中配置页面的路由信息，指定页面

的路径和对应的组件。

5. 数据管理：

使用 Ant Design Pro 提供的 `UseRequest` 钩子处理数据请求

和管理状态。

6. 构建与部署：

执行以下命令构建项目：

```shell

$ yarn build

```

在构建完成后，可以将生成的静态文件部署到服务器上。

这些是 Ant Design Pro 的基本用法，除此之外，还可以通过定

制化主题、使用插件、配置权限等扩展其功能。详细的用法和

示例可以参考 Ant Design Pro 的官方文档。