Ant Design

序言

ant.design是基于react开发的一个解放ui和前端的工具，它提供了一致的设计方便我们快速开发和减少不必要的设计与代码。

ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。

ant.design设计很精妙，vue的iview就是模仿ant.design来实现的。

使用ant-design组件库

安装

npm install antd --save

配置按需加载

npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save 

"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-app-rewired eject"

快速使用Ant-design-Pro

https://github.com/ant-design/ant-design-pro

#安装相关依赖

tyarn install 

#启动服务 

tyarn start

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

框架研究

熟练使用各个控件

 

资料

antv蚂蚁金服全新一代数据可视化解决方案

https://ant.design/index-cn

https://kitchen.alipay.com/