一、环境搭建

1、安装node

安装没有什么可以讲的，找一个网上教程一路下一步即可

安装完成后打开控制台输入 node -v

2. 安装npm和cnpm

npm其实是Node.js的包管理工具，可以使我们方便的引入各种js库,当我们安装完node.js之后，npm也已经安装完成，打开终端输入

npm -v

结果如下：

由于大部分的包在国外服务器，当我们安装某个库的时候可能会安装不上，如果出现这种情况，可以通过梯子的方式解决，也可以使用国内镜像，是由taobao托管，大家可以去 这里 查看安装方式，安装完成后就可以使用cnpm来管理包了，速度会快很多。

二、项目的初始化

到目前基本的环境已经安装完成，下面我们来初始化一个react项目

打开终端按照下面的输入：

npm install -g create-react-app

这一步之后可能会出现各种问题，如果不能正常，请尝试升级node版本

create-react-app react-demo

cd react-demo

npm start

以上都正常的情况下，程序会开启一个服务监听3000端口，并且打开默认浏览器，你会看到一下界面，说明项目已经成功运行。