AntDesignPro初体验

AntDesignPro文档

https://pro.ant.design/docs/getting-started-cn

按照文档命令走

npm create umi

 Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.

npm install

npm start

走下来是
这样一个页面

和期望中的不大一样

这一页一页的在antDesignPro中都是一个个区块

https://pro.ant.design/docs/block-cn

ant给提供了28个开发中常用的区块

https://preview.pro.ant.design/dashboard/analysis
到这个页面上找到合适的页面复制命令到自己创建的项目中使用，会自动安装这个区块，

并且路由也给配置好了

---

小坑

我复制命令行安装的时候出现错误

我用cnpm命令重新安装了一下这些依赖

再次复制运行命令安装区块

OK