react.js 环境安装

react.js 单独使用基本上是不可能的事情。不要指望着类似于 jquery 下载放到

这里通过 npm 来安装react，使用 react官网所推荐使用的工具create-react-app工具。它可以帮助我们一键生成所需要的工程目录，并帮我们做好各种配置和依赖，也帮我们隐藏了这些配置的细节。也就是所谓的“开箱即用”。

工具地址：https://github.com/facebookincubator/create-react-app在安装之前要确认你的机器上安装了 node.js 环境包括 npm。如果没有安装的同学可以到 node.js 的官网下载自己电脑的对应的安装包来安装好环境。安装好环境以后，只需要按照官网的指引安装create-react-app即可。

npm install -g create-react-app

这条命令会往我们的机器上安装一条叫create-react-app的命令，安装好以后就可以直接使用它来构建一个 react 的前端工程：

create-react-app hello-react

这条命令会帮我们构建一个叫hello-react的工程，并且会自动地帮助我们安装所需要的依赖，现在只需要安静地等待它安装完。

如果安装过程比较慢，那是很有可能是因为 npm 下载的时候是从国外的源下载的缘故。所以可以把 npm 的源改成国内的 taobao 的源，这样会加速下载过程。在执行上面的命令之前可以先修改一下 npm 的源：npm config set registry https://registry.npm.taobao.org

下载完以后我们就可以启动工程了，进入工程目录然后通过 npm 启动工程：

cd hello-react
npm start

终端提示成功：并且会自动打开，就可以看到 react 的工程顺利运行的效果：这时候我们把src/app.js文件中的

标签的内容修改为hello react，

hello react

保存一下，然后户就会发现浏览器自动刷新，并且我们的修改也生效了：到这里我们的环境已经安装好了，并且顺利地运行了我们第一个例子。