livereloader配置方法

LiveReload 是指当我们修改了项目中的文件时，浏览器会自动刷新，显示修改之后的效果。

在开发网站时，这个功能非常有用。想想你面前开着两个显示器，中间这个是编辑器，旁边的那个是浏览器。每当修改了 java/html/css/js 代码时，手不离键盘、光标不离编辑区，浏览器就自动刷新了！只需要眼睛轻轻一瞟，脖子都不用动，就能看到修改之后的效果，这种感觉何等舒畅！钛合金的 F5 都不需要了！

这种方式对于 web 框架有要求，首先是修改文件后不需要重启服务器。像纯 html/php/rails 都天生支持， java 中某些框架支持，而 play1 的支持相当优秀。不论修改 html/css/javascript ，还是 java 源代码，甚至是配置文件，都不用重启，直接刷新浏览器了。刷新时间大约为 1 秒到 4 秒。

另一点是：因为 livereload 检查到文件修改后，只会触发浏览器刷新一次，所以要保证一次刷新就可以看到修改后的效果。某些框架利用 tomcat/jetty 的自动重启，无法很好的配合 livereload 。因为还没有重启完时， livereload 就刷新了，取得的可能还是修改前的页面，必须手动刷新多次才能确定看到的是修改后的效果。对于这种情况， livereload 几乎没用。而 play 在刷新过程中，会阻塞 http 请求，可以保证一次刷新就拿到修改之后的页面。

Livereload 的官网是 http://livereload.com ，它支持 mac/linux/windows ，同时还有 chrome/firefox 的浏览器插件。它对 windows 的支持比较差，很容易崩溃，而且是收费的。所以我们只需要用它的浏览器插件就可以了（免费的），然后再找一个免费的替代器换掉服务器端。 ( 下载地址 https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei )

我选择的是： https://github.com/lepture/python-livereload ，它是一个 python 程序，以命令行方式启动，可以跟 livereload 的浏览器插件通信，效果不错。注意最好从 github 中下载源代码安装，因为通过 pip 或 easy_install 安装的版本有点旧，使用过程中有问题。（不清楚现在是否已经更新）

先安装 python 。

一般在 python 中安装第三方库，都是使用如 easy_install/pip 这些库管理工具，但我们也可以直接通过源代码安装。

在每个 python 的库中，都可以找到一个 setup.py 的文件，只需要执行：

python setup.py install

setuptools

首先要安装 setuptools 这个库，进入其主页 http://pypi.python.org/pypi/setuptools#downloads 下载。注意要选用源代码打的包（以 .tar.gz ）结尾的那个。

下载后解压，并安装：

cd setuptools-0.6c11

python setup.py install

安装成功后，它会有提示。

python-livereload

然后安装 python-livereload ， （经测试 python-livereload-0.15 版本可用） 到 github 上下载其源代码：

https://github.com/lepture/python-livereload

通过 git clone 或者直接下载 zip 文件的方式下载到本地后，解压并安装：

cd python-livereload

python setup.py install

它会自动安装 python-livereload 引用的其它库，如果没有错误，则会提示安装成功。

这时打开 python 目录，可以看到里面多了一个 Scripts 目录，并且里面有 livereload.exe 等文件 ，将这个目录加到系统环境变量的 PATH 中。

最后 使用 方法 如下： CMD 打开项目路径，输入 livereload 命令

cd app

livereload

然后启用浏览器的 livereload 插件即可。
原文链接:http://www.tuicool.com/articles/U3aaay