Ant Design Pro介绍
「Ant Design」(简称antd)，它是蚂蚁金服的前端设计团队出品的一款UI组件库，如果要类比的话，我会把他比作bootstrap，但是它又远远比bootstrap好看且交互性更强。而antd pro，就是它的专业版。为什么呢，因为antd pro已经是一个完整的中后台项目，我们如果需要快速开发的话，直接拿着里面的页面修改便是了。但是我个人总结了一下，缺点也很明显，就是antd pro做出来的系统几乎都长一个样，长久了会有审美疲劳，至少我对bootstrap也是这样的，当然蚂蚁出的东西品质是真的棒！
话不多说，先看看它的预览页面。
以下是随便截取的几个图片，感受一下它的美。
条件准备
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g yarn
cnpm install -g umi
先在pity同级建立pityWeb项目, 然后进入pityWeb输入如下命令, 开始等待:
yarn create umi
选择ant design pro并回车
选择pro v4并回车
选择JavaScript并回车
选择simple并回车
选择ant design 4并回车
进入「pityWeb」目录执行命令cnpm install
尝试在本地运行antd pro
在「pityWeb」目录下输入npm start并回车
接着浏览器就自动打开了页面http://localhost:8000（如果没有的话就手动打开），那么我们的antd pro就成功部署了。
后端代码地址: https://github.com/wuranxu/pity
前端代码地址: https://github.com/wuranxu/pityWeb
「觉得有用的话可以帮忙点个Star哦QAQ」