声明：本教程不收取任何费用，欢迎转载，尊重作者劳动成果，不得用于商业用途，侵权必究！！！！
如何搭建React的开发环境？
1、大前提是电脑已经安装最新版的node.js环境，可以去官网下载最新的环境。
可参考：Node.js的安装
2、npm命令等（如上图）。
（1）安装官方脚手架
npm install -g create-react-app
这个是React官方提供的脚手架，安装可能需要花一些时间
-g代表全局安装
安装后报错：
checkPermissions Missing write access to /usr/local/lib/node_modules
那是因为文件没有root权限,运行语句前面加上sudo
即：sudo npm install -g create-react-app
这时候让你输入密码，密码不会显示，直接enter就行了
安装结果如下图：
（2）创建工程
create-react-app my-app
my-app是工程的名字
创建工程的时候，会下载一些node models组件，所以会花一些时间。
由于它的网站需要连接国外的vpn服务器，所以有可能失败。重试几次就好啦，这个大家不用担心。
切换到mac的指定目录：
cd /Users/luminal/Documents/LuminalCode/Luminal_Web_H5/ReactProject
在目录下创建工程my-app-yyh
create-react-app my-app-yyh
然后你可以在
/Users/luminal/Documents/LuminalCode/Luminal_Web_H5/ReactProject目录下，
看到my-app-yyh文件夹，这就是创建后的工程
创建工程以后打开看看
package.json是Node JS的配置文件，是我们所有的命令以及它安装的组件
scripts里面是我们要用到的命令
start 启动，
build 打包操作，上线之前build才能绑定到我们服务器上
test 单元测试
eject 是为了弹出我们的配置信息
最常见的的是：start、build命令
（3）进入工程目录
cd 目标路径
my-app是工程的名字。我这里定义的名字my-app-yyh
进入工程目录
cd /Users/luminal/Documents/LuminalCode/Luminal_Web_H5/ReactProject/my-app-yyh
（4）启动工程
npm run start
对代码进行编译，打开测试服务器，然后会显示下面的界面：
然后会自动打开浏览器（有点吃cpu耗性能，我的mac没感觉到！）
当我们看到这个界面的时候，就代表React环境搭建成功了！