Sublime Text3+FireFox+LiveReload配置与使用

配置参考：http://t.csdnimg.cn/f7cq4

本文补充：

1、配置的总体步骤

2、配置成功以后，每次启用Sublime Text编写网页，还需要怎么做才能使浏览器自动刷新？

3、中途新开文件写网页可以保持连接吗？

Q1

1）在Sublime Text3中下载LiveReload

2）在FireFox中下载LiveReload Web Extension

补：无需完成参考中的Setting的步骤【因为设置后还是会被刷新掉】

测试：

3）在Sublime中编写测试的hello_world.html文件，然后用firefox打开

显示：

4）点击firefox上的标识（图示为点击且成功连接到文件后的颜色（绿色），点击前应该是灰色）

5）每次启用Sublime Text都要进行一次这样的配置：

点击出现：

enter：出现以下选择，选择Simple Reload

6）配置完以后，编写html文件，每一次保存 Ctrl+s 都可以看到页面自动刷新

Q2

配置成功以后，每次启用Sublime Text编写网页，还需要怎么做才能使浏览器自动刷新？

重复Q1中的步骤4-5

Q3

中途新开文件写网页可以保持连接吗？

可以。

中途新开文件：比如我本来在编写hello_world.html，现在新建一个hello_world2.html文件

①为看到hello_world2.html的实时更新：我需要先自行用firefox（也就是新增一个页面）打开hello_world2.html

②然后在hello_world2.html上编写代码，save的时候可以观察到firefox上的网页也自动更新了

当我又想看hello_world1.html的变化，我将firefox上的网页切回hello_world.html

然后在sublime Text上改hello_world1.html，save依旧能看到hello_world.html的页面自动更新