html 整体刷新 f5,sublime3安装liveload，实现前端自动F5刷新html界面(示例代码)

这两天倒腾编辑器，atom实在太大了，还是sublime好用

以前一直用sublime2， 然后更新到sublime3， 然后把一些必要的插件安装了一下：liveload(自动刷新)；

package control

首先给sublime添加了一个package control的插件， sublime2和sublime3安装package control 的方式不同， 查看这里;

安装LiveReload

然后通过快捷键(ctrl+shift+p)， 会出现下面这个界面：选择 package control : install package ：

sublime会卡一下：然后又会跳出另外一个输入框，在输入框中输入：liveReload， 然后点击过滤出来的选项， 点击机会安装livereload；

livereload安装完毕以后会跳出一个安装完毕的界面。

enable plugins

接着再选择Preferences->package setting->LiveReload->Plugins->enable/disable plugins ，启动LiveReload， 然后重新启动sublime；

浏览器安装LiveReload插件：

打开google-chrome的应用中心，搜索LiveReload， 并把应用添加到chrome:

允许访问文件网址

安装完毕以后，打开扩展程序中心， 把LiveReload的允许访问文件网址选项加上：

此时sublime和chrome浏览器插件都安装好了。

最后一步， 启用插件

最后一步是通过sulime选择在浏览器中打开html文件， 然后再点击浏览器上的插件按钮 ：

此时按钮会变成实心的：

如果查看网页源码，会发现网页源码下被添加了一个script标签：

现在，只要我们修改对应的html文件并ctrl+s保存文件， 对应的浏览器界面会自动刷新；