Ant Design Pro初使用

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

构建项目

本次使用的是3.1.0老版本

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

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

导入项目

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

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

前端启动后访问 

引入Umi UI

使用 Umi UI

yarn add @umijs/preset-ui -D

选择要添加的组件

选择添加组件的位置

配置组件