Sublime Text3中文网

当前位置:Sublime Text3中文网 >

Sublime Text3调试网页实时自动更新插件:LiveReload

功能说明:调试网页实时自动更新。

使用说明:快捷键 Ctr+Alt+V

插件地址:https://github.com/NickWoodhams/LiveReload

同时Chrome浏览器也要安装LiveReload 的扩展插件。

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

2.由于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插件并安装。
3.配置LiveReload

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

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

 
4.使用

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

①在Sublime中启用LiveReload

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

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

很多网友明明按步骤都装好了就是跑不了,网上很多文章其实都很全,但就是最后一步没写。由于这个东西每次都要手动去启动,浏览器跟编辑器都要启动,不然实现不了。
火狐浏览器附加组件里安装RemoteLiveReload

插件安装方法:http://sublimetext3.bianjiqi.net/2917.html