react的安装和环境配置

一：首先我们需要用到npm来管理react，所以我们需要先安装 node和npm

安装好后在cmd控制台输入

node -v
npm -v

检测是否安装成功，成功后显示安装版本

二：接下来就是安装react了

首先找到你项目所在目录， 建立一个React 文件夹，进入后，在当前文件夹下打开cmd(在文件夹内，按住shift键，点击鼠标右键选择在此处打开命令行)，输入

npm init -y

完成后，在React文件夹下会生成一个package.json的文件，里面会保存我们项目的一些基本信息。再然后，继续在React文件夹的cmd输入

npm install react react-dom --save

安装react,成功后我们可以在package.json文件里看到react的相关信息。

三：为react配置专门的开发环境

让 react代码可以在浏览器中得以解析运行，react官网专门为我们准备了专用的react项目生成工具create-react-app,只有简单的几行代码即可生成react项目，并且在开发时还支持实时更新，自动重载等功能。依次输入一下命令

npm install -g create-react-app

create-react-app my-app     

cd my-app  

npm start

这样学react的第一步就完成了!我们成功创建了一个react项目my-app,看下welcome页面: