Ant Design Pro介绍：
官方的说法是Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。
个人总结：就是阿里快速搭建一个前端框架的开源网站
AntDesignPro网址：开箱即用的中台前端/设计解决方案 - Ant Design Pro
https://pro.ant.design/zh-CN
Ant Design Pro的使用：
第一步：准备软件
需要的软件：包括nvm，node.js，npm(yarn推荐用 )，Git，WebStorm软件
nvm:
在实际的项目开发中，可能每次使用的node.js版本都是不一样的，需要不同版本的NodeJS运行环境，所以需要多个版本NodeJS切换使用，为了方便管理就要使用nvm来切换node版本。
下载路径：（一般国内网都可以，但是能用外网下载最好，国内网有可能下载不完整）
https://github.com/coreybutler/nvm-windows/releasesnodejs:
官网上给Node下的定义是： “一个搭建在chrome javascript运行时上的平台，用于构建高速、可伸缩的网络程序。Node.js采用的事件驱动、非阻塞io模型，使它既轻量又高效，并成为构建运行在分布式设备上的数据密集型实时程序的完美选择”。
下载：网上直接搜寻或者通过命令安装
npm和yarn ：
“NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。
yarn是一个包管理器，类似于npm，用于管理Node.js项目中的依赖关系。它由Facebook开发，旨在解决npm的一些问题，例如安装速度和可靠性。yarn可以更快地安装依赖项，并且可以在安装期间并行下载多个包。此外，yarn具有锁定文件（yarn.lock）的功能，可以确保在不同的机器上安装相同版本的依赖项，从而避免了由于依赖项版本不一致而导致的问题。yarn还支持自定义的命令和插件，可以方便地扩展其功能。（简单来说他比npm更好，最好使用yarn,我记的阿里搞了一个tyarn）
yarn的.msi文件下载（yarn的安装文件，因为用命令装可能会有缺省）： https://yarnpkg.com/downloads/1.22.15/yarn-1.22.15.msihttps://yarnpkg.com/downloads/1.22.15/yarn-1.22.15.msi
npm一般不用单独安装，npm和nodejs是一起安装的，安装nodejs就是安装npm
git:
Git是一个开源的分布式版本控制系统，可以用于处理各种类型的项目；是一个版本控制系统，用来追踪计算机文件的变化的工具，也是一个供多人使用的协同工具。
下载：
1、 git的文件下载(这个网址下载速度快，找最新版本，可以通过ctral+f在浏览器中查询)：CNPM Binaries Mirrorhttps://registry.npmmirror.com/binary.html?path=git-for-windows/
2、我下载的git文件是
第二步：软件安装
nvm安装：
安装nvm之前要卸载nodejs包括它的环境变量，如果不卸载可能出现各种报错。（卸载教程网上有，很简单我就不写了）
1、windows系统选mvm-setup.zip尽量不要选最新版本的nvm
2、解压压缩包，双击运行nvm-setup.exe文件
3、点击下一步如果不该路径
4、下载完成后运行cmd窗口执行nvm -v查看版本好，有就说明成功
5、更改seting.xml文件加入如下两行（最好加不然下载nodejs和npm大概率会碰到下载失败，和下载超时）
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/ 
6、通过nvm ls available查看可以下载的nodejs版本
nvm常见命令
nvm off // 禁用node.js版本管理(不卸载任何东西)
nvm on // 启用node.js版本管理
nvm install <version> // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
nvm uninstall <version> // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
nvm ls // 显示所有安装的node.js版本
nvm list available // 显示可以安装的所有node.js的版本
nvm use <version> // 切换到使用指定的nodejs版本
nvm v // 显示nvm版本
nvm install stable // 安装最新稳定版nodejs和npm安装：
1、要用管理员权限打开cmd,输入nvm install 16.13.2(版本号自己选，根据项目)
下载完成后通过nvm use 16.13.2使用改版本nodejs (当然也可以官网下载但是官网下载那安装nvm就没有意义了)会自动下载nodejs和相应的npm
在执行nvm use 版本号命令时会产生一个nodejs快捷方式，该快捷方式的位置和安装nvm是设置的路径有关。
2、查看是否安装号nodejs和npm：
3、配置环境：
在nodejs安装后我的D盘下面生成了两个如下文件 ，没有可以自己创建
在cmd命令窗口，输入npm config set prefix “你的路径\node_global”
在cmd命令窗口，输入npm config set prefix “你的路径\node_global”
npm config set prefix "D:\Software\Nodejs\node_global"
npm config set cache "D:\Software\Nodejs\node_cache"
设置环境变量，打开【系统属性】-【高级】-【环境变量】-【系统变量】找到Path点击编辑，进入新窗口在点击编辑添加D:\Software\Nodejs\node_global和D:\Software\Nodejs\node_cache两个路径然后一路点击确定。重启cmd命令窗口。
测试，完成以上配置后，可以同过安装module测试，例如安装常见的express模块，
npm install express -g // -g是全局安装的意思
yarn的安装(因为我后来没有用yarn用了npm其实可以不装)：
注意：用yarn安装可能效果跟以前不一样具体看情况。
我是通过安装包安装（也可以通过命令安装，但我怕有缺省且安装包能直接覆盖你的上次安装，不用卸载旧地yarn）
1、打开文件安装
2、你可通过change更改安装路径
3、通过yarn -v查询
4、下载目录是为了配置 通过 yarn 安装的全局命令工具的存储位置
# 全局安装目录
yarn config set global-folder D:\Component\Yarn\yarn_global
# 缓存目录
yarn config set cache-folder D:\Component\Yarn\yarn_cache
5、配置yarn的镜像
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
-g
git安装：
教程：很简单
初始化和运行项目：
初始化：
碰到错误：
原因：
1、没有配置环境变量;
2、没有下这个软件；
解决：
1、你可以去文件管理器去中搜索pro，看看它在那个文件下，复制到pro的路径，然后添加到环境变量的系统变量的Path中去。
2、如果找不到，就去搜索pro是不是一个软件，下对应的软件。
运行：
打开项目：
通过WebStorm软件打开整个myapp
添加依赖：等依赖下载完毕
运行项目：找到项目package.json文件中的Start,然后点击运行
点击http://localhost:8000
安装 Umi UI (这个⼯具可以帮我们⾃动⽣成代码)
1、停止运行项目，添加如下命令
npm add @umijs/preset-ui -D
2、重新运行项目,左下角多了一个类似米饭的东西
注意：最好用管理员权限打开cmd窗口
总结：软件的安装和配置是比较麻烦，但是也是必要的。