从零开始学习React-开发环境的搭建

本文已参与掘金创作者训练营第三期「高产更文」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。

其实16年的时候就已经接触到React，那个时候也只是入门，时隔多年，工作上一直都没有接触到相关的业务，不知不觉，前端的天也开始渐变，看到 了很多招聘要求上都是要求会React，三大框架怎么也得熟悉使用两个，不让下一份工作可能就很难了~

老规矩，先看完官方文档：

教程：www.runoob.com/react/react…

文档：caibaojian.com/react/

简介：简介：React是Facebook开发的一款JS库，是一个声明式、组件化并且用于构建用户界面的 JavaScript 库，通俗来讲就是将界面分成可以复用的组件，在需要时引入，使界面解耦，互不影响而又相互联系，在界面更新时，只会更新需要更新的组件，使得效率和性能上大大提升。

React 特点

• 1.声明式设计 −React采用声明范式，可以轻松描述应用。
• 2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
• 3.灵活 −React可以与已知的库或框架很好地配合。
• 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
• 5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
• 6.单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

本着学习的精神，开始了搭建react开发环境之前需要准备的工作：

1：安装node.js，查看版本号

2：安装cnpm替代npm，查看版本号

3：yarn，查看版本号

不会安装yarn的童鞋，可以查看官方文档：
使用安装命令：npm i -g yarn

以上三大步骤就不细说了，准备工作完成后

4：安装脚手架

cnpm  install -g  create-react-app
复制代码

5：在d盘创建一个空目录，存放项目

6：进入文件夹，创建项目

create-react-app reactdemo
复制代码

等待生成我们的项目之中（网络慢的话可能要等几分钟哦）

可以看到，d盘里面初始化的这个项目了

7：cd 到刚刚生成的项目文件里面,运行项目

cd reactdemo
使用yarn start或者 npm   start
复制代码

弹出浏览器，显示界面，react环境安装完成了

从零开始学习React-开发环境的搭建完成，忽然觉得，是不是和vue的操作步骤是一样一样的呐。