今天看到一款很强大的插件,LiveReload,实时刷新,也就是说写完html/css/js等不用再到浏览器里按F5啦,在Ctrl+S时浏览器会自动刷新,是不是想想都很爽。。。

  Chrome:(据说支持chrome/safari/firefox)

  先在应用商店下载LiveReload,然后进入设置 ==> 扩展程序 ,找到LiveReload,勾上“允许访问文件网址”;

Sublime Text 3配置LiveReload实现实时刷新

  Sublime Text 3:

  方法一:Ctrl+Shift+P ==> install ==> livereload 回车;看前面看到别人的说从Sublime Text下载的用不了,现在可以用了,我自己的就是从这里下载的

  方法二:提供一个github上的包,下载后放到Sublime Text的Packages下;

  然后改一下配置:Preference ==> Package Settings ==> LiveReload ==> Settings - Default ,复制下面的代码,粘贴保存。

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

  使用方法:

  先启用浏览器中的LiveReload,Sublime Text 3配置LiveReload实现实时刷新点一下黑色圈圈,中心的小圆圈会变成实心,表示启用

  Sublime Text 3配置LiveReload实现实时刷新

  前面看到有人说不能生效,是因为在Sublime Text里没有启动LiveReload,每次重新打开Sublime都需要启动,启动方法:Ctrl+Shift+P ==> LiveReload ==> enable/disable plug-ins ==> simple reload;

相关文章: