官方文档 开始使用 - Ant Design Pro

构建项目

本次使用的是 3.1.0 老版本

终端运行如下命令（注意 npm 包的镜像源）

1

npm i @ant-design/pro-cli@3.1.0 -g

导入项目

打开 package.json 文件，查看脚本和依赖

启动 start 脚本，第一次启动可能出错，原因是项目的某些依赖还没有引入，此时只需在控制台运行 yarn 命令，它就会自动下载需要引入的依赖，如图：

前端启动后访问

引入 Umi UI

umi ui 官方文档

1

yarn add @umijs/preset-ui -D

选择要添加的组件

选择添加组件的位置

配置组件