Sublime Text3：搭配LiveReload实现保存后在（chrome，360，qq，火狐）等浏览器下自动刷新

配置步骤如下：

1.在chrome浏览器（360，qq浏览器均可）中安装LiveReload插件。（百度一下你就知道了）

安装后可以看下浏览器右上角的LiveReload插件的图标，它中间的小方块是空心的，表示未在这个页面上启用热更新。

2、添加完后在扩展程序页面，将LiveReload设置为【允许访问文件网址】

3.由于sublime text3的插件库里没有LiveReload，我们需要先从git引入再去安装

首先再sublime text3中，按ctrl+shift+p打开命令面板，并选择“Add Repository”，之后底部会出现一个输入框：

输入框里输入以下地址然后按 Enter 

https://github.com/NickWoodhams/LiveReload.Git

然后,按ctrl+shift+p打开命令面板，选择Install Package，等到出现插件列表时，再输入“LiveReload”，找到LiveReload插件并安装。

4.配置并启用LiveReload

配置LiveReload

Preference>Package Settings>LiveReload>Settings User，复制下面的代码粘贴保存

{
　　"enabled_plugins": [
　　"SimpleReloadPlugin",
　　"SimpleRefresh"
　　 ]
}

 

5.使用

(以下是启动的重要部分,缺一不可)

①在Sublime中启用LiveReload

Ctrl+Shift+P →LiveReload: Enable/disable plugins， 按 Enter→在下拉列表找到 “Enable - Simple Reload” ， 按 Enter 

(至于编辑器里自启动的方法暂时没有找到)

②点击 Chrome菜单栏中LiveReload 图标，中心的空心小圆圈会变成实心，表示已经启用LiveReload并连接成功。Sublime text3中的任何变化，Ctrl+S后，立即在Chrome中看到相应变化

 

很多网友明明按步骤都装好了就是跑不了，网上很多文章其实都很全，但就是最后一步没写。由于这个东西每次都要手动去启动，浏览器跟编辑器都要启动，不然实现不了,有点坑...不多对于我们双屏幕开发项目的来说，简直不要太爽...

题外：火狐LiveReload 

附加组件里安装RemoteLiveReload，其它的话没跑起来过。