史上最简单React开发环境搭建教程

必须先感叹一句， MAC开发是比windows省心。
折腾了好久， 才在win8.1 上搞定了开发环境。
上图

1. 安装node

在nodejs 官方，下载安装包

安装完成之后，打开命令提示符 输入 npm 出现下列提示说明安装成功

1. 根据react 官网提示，在命令提示符输入
   npm install -g create-react-app
   
   经过一段时间的等待， 安装成功

按上图所示输入命令证明react安装成功， 接下来就创建一个react工程 吧。

经过一段时间的等待， 工程创建成功，
先 cd 到项目根目录下 然后 npm run start 即可运行此项目

如果能看到这画面， 恭喜你， 已经跨过了React开发的第一道坎。
使用webstorm导入 react项目 ， 结构如下

注意， 需要更改项目配置，不然会报错

好了， 创建到此完毕。
下图是将生产环节代码部署到nginx服务器下， 开启gzip level 3 效果还不错