React的环境搭建以及脚手架的安装

1.安装node.js

　　如果安装了，就请参照第二步；没有的话，去node.js官网下载：https://nodejs.org/zh-cn/download/

2.检查

　　win键+r ----->打开资源管理器---->输入cmd------>在命令窗口输入node -v和npm -v(是为了检查版本号) 

　　　　

　　因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址

　　指令：npm install -g cnpm --registry=https://registry.npm.taobao.org

 　　检查淘宝镜像是否安装成功  cnpm -v(出现下面的地址就意味着安装成功)

 3.全局安装react脚手架

　　如已经安装了淘宝镜像，就在命令窗口输入：cnpm install -g create-react-app；

　　没有安装淘宝镜像，可以输入这样的指令：npm i -g create-react-app（注：i是install的简写）

　　出现上面的情形，就证明react的全局安装已经结束，之后就可以关闭了命令窗口。

4.创建项目

　　进入我们要创建react项目的文件中，在地址栏里输入 cmd  进入cmd窗口，然后输入指令：create-react-app  项目名称

　　例子：创建一个todolist的项目

 　　创建成功之后，在命令窗口输入cd todolist(进入当前的文件夹)，之后再命令窗口输入npm start(启动当前的项目)

 

 启动成功之后，在浏览器上会自动打开，打开之后的页面是下面的样子。（注：我的端口号是3001，是因为我之前已经有了一个，一般我们默认的端口号是3000）