react项目使用antd

  在开始实践之前要确保搭建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组件库官网

posted @ 2019-11-18 11:20  吃橘子只吃皮  阅读(368)  评论(0编辑  收藏  举报