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

Ant Design of React的模板可以通过以下步骤进行设置：

1. 首先，确保你已经安装了和npm。然后，打开命令

行工具，执行以下命令来创建一个新的React应用程序：npx

create-react-app my-app。这将在当前目录下创建一个名为

my-app的新文件夹，并自动安装所有必要的依赖项。

2. 进入项目目录my-app，执行以下命令来安装Ant Design：

npm install antd。这将安装Ant Design及其相关的依赖项。

3. 打开src/文件，在顶部添加以下代码来导入Ant

Design的样式：import 'antd/dist/'; 这将确保你

的应用程序正确地加载并应用了Ant Design的样式。

4. 你现在可以使用Ant Design的组件了。例如，可以使用

标签来创建基本布局。

5. 运行应用程序。

另外，UMI也提供了可视化antd模板，可以直接添加到项目中

修改使用，比如将个人中心添加到项目中。不过在使用过程中

可能会出现找不到的问题，这时需要安装less模

块并修改webpack文件。具体的修改方法网上有很多类似的文

章可以参考，可以自行查阅。

以上是设置ant design of react模板的大致步骤，如有需要

更详细的信息，建议咨询计算机专业人士。