Ant Design Pro框架快速上手实践

Ant Design Pro框架快速上手实践

1.前言
React 是 Facebook 公司推出的一套前端开发框架，是目前全世界最流行的前端框架。它的核心理念是将网页应用看成一个组件构成的状态机（state machine），状态的变化导致了 UI 的变化。
Ant Design 就是基于 React 实现的一套组件库。它是由蚂蚁金服体验技术部开发的，最早是在2015年发布的，到现在已经发布了三个大版本，目前一共封装了50多个组件。它在国内得到广泛使用，可能是使用量最大的 React 组件库，在国际上也有一定的知名度。
Ant Design和Ant Design Pro说的浅显一点就是组件和模板的关系，也可以这样理解Ant Design是基础库而Ant Design Pro是它的增强版，直接配套业务组件打包给你，供你使用。或者说是建材与样板房的关系，利用各种建材搭建不同风格的样板地方以供参考，开发人员可以从样板房寻找灵感，选取相应的建材组装自己的房子。

2.开发环境
首先，请安装 NodeJS。安装完成后，执行下面的命令确认是否安装成功。
node -v
npm -v
在国内，你可以安装 cnpm 获得更快速、更安全的包管理体验。使用如下命令安装：
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后你可以通过如下的命令确认是否成功：
cnpm -v

3.源码下载
GitHub源码下载地址为: