Antd+React的简单使用

　　在开始实践之前要确保搭建React单页面开发环境，如果还没有搭建好开发环境的朋友请移步到如何搭建React单页面开发环境。

首先在命令行模式下创建一个React项目（项目名使用小写字母命名）：（win10的命令行打开方式有很多种）例如 WINDOWS键+R，它会在左下角弹出一个窗口

输入cmd回车即可打开命令行模式。

在命令行中输入

create-react-app 项目名

当命令行提示Happy hacking! 则提示项目创建成功。

输入下行命令进入创建的项目

cd test-antd

在命令行模式下安装蚂蚁金服的Antd组件库

yarn add antd  或者 npm install antd --save

最后测试一下能否正常运行项目

yarn start 或 npm start

当你把这一行命令敲上去之后，成功的页面是这样的

 

接下来打开Antd组件库官网