React.js + LiveReload配置详解

一、介绍一下LiveReload：

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

大意就是说，使用liveReload之后呢，当我们在我们的css或者html文件修改后，在浏览器上会自动更新页面，省去了我们自己去刷新页面的过程。

二、环境基础

已经安装nodejs，nodejs的安装不再赘述。

三、安装开始

1、如果没有git环境，则先安装git环境，如果已经安装好了git的，从第4部开始。附上git安装，首先下载git https://code.google.com/p/msysgit/downloads/list

2、安装git，记得如下页面一定要选第二个

3、一直next下去，直到安装；然后把安装后的git的bin、cmd所在位置以及nodejs的node_module，之间以英文字符分隔，写进系统环境变量里，记得是系统环境变量。不然待会儿会报错哦！

4、安装了git环境后（如果有git环境，忽略1-3步骤），接下来安装Bower(bower可以对第三方模块进行统一的版本管理或者迭代）

5、使用包管理器npm命令

npm install bower -g

 

6、安装reactjs，在自己的项目工程下，假设是文件夹路径是在f:盘，reactjs文件夹>envbuild文件夹

bower install react

 

 若是出现这样的界面，说明安装成功

7、安装jsx解释器，（在命令行中通过bower install babel安装，并在script标签中引入babel下的browser.min.js文件），JSX语句所在的