使用livereload

最近开始学习前端开发，改变HTML5标签，改变CSS样式都要重新打开浏览器或者按下F5查看效果。突然在网上发现了一款名字叫做livereload的软件，可以动态实时刷新浏览器，感觉好神奇。

1. 安装livereload的服务器端应用。livereload的服务器是使用node.js写的。说句题外话，感觉node现在很神奇，对于程序员来说，已经到了不可不学的程序，我也准备专门写一个专集讲node的学习的。node安装简单，直接去官员下载就行了。接下来安装livereload，直接输入命令：npm install -g livereload，安装完成后，进行项目的目录输入livereload命令，会显示

“Starting LiveReload v0.6.0 for C:\Users\whatc\workspace\HTML5 on port 35729.”

恭喜你，服务器启动成功了。

1. 安装浏览器插件。网上的各种教程都是使用chrome浏览器的，但是chrome在国内无法访问网上商店，所在我使用Firefox做为主浏览器。这里有一个坑，不要直接使用firefox自带的附加组件功能动搜索livereload，而需要去livereload官员去去找这个插件，不然安装的插件是没有用的,下面是官网地址。

https://addons.mozilla.org/en-US/firefox/addon/livereload/

安装好了 之后，也不会在firefox界面上自动显示这个插件，需要手动将插件的控制按钮放到界面上来。

进入定制页面

选择定制菜单后，进入定制页面，把LR拉到主界面上。

将liverload放到主界面

然后点击这个圆圈按钮，使之中间有一条红线，就表示启动了。

启动livereload

然后打开现在编辑的工程，修改之后保存就马上可以看到结果。

如果有2个屏幕的画，爽歪歪！