从无到有，使用yarn开发react项目（配置及开发基础篇）（小

1.安装yarn

https://yarnpkg.com/zh-Hans/docs/install

2.创建项目及安装antd

视频资源如下(如有侵权，自行删减)：

http://my.tv.sohu.com/us/240760748/89796849.shtml

1.在cmd下输入“npm install create-react-app yarn -g”

2.在指定项目目录下输入 create-react-app your_project_name 

例如“create-react-app react_test” （注意项目名称不能有大写字母）

安装完成之后提示如下图所示

3.切换到刚刚安装时创建的文件夹，输入“yarn start”测试安装是否成功，安装成功则会调成一个页面

4.切换到刚刚安装时创建的文件夹，输入“ yarn add antd --save”安装antdesign

打开package.json可以看到antd已成功安装

此时，我们可以在编辑器中打开项目文件夹（此处是vs code），可以清晰的看到create-react-app的生成目录：

create-react-app的生成目录

3.开发

此时，系统已经为我们生成了基础的页面（也就是App.js中的组件所展现出来的）

在目录文件夹下运行“yarn start”命令，基础页面也就是react的logo等，此时的页面长这样：

然后我们就可以在render中引入新的组件渲染我们需要的页面了。例如：

此处我们通过import从antd中按需导入了Button组件，然后在render中渲染，运行“yarn start”指令得到如下页面：

可以看到页面中新增了一个button，至此基础的开发就是这样了，其他需要的组件，需要调整的样式可自行添加。