1. 程式人生 > >Sublime text3配置LiveReload 瀏覽器即時刷新

Sublime text3配置LiveReload 瀏覽器即時刷新

ref rsync simple inf 需要 html 重新 zh-cn chrome

1.在sublime控件臺 install livereload插件(缺點:每次重新打開Sublime都需要啟動)

2.配置
Preference > Package Settings > LiveReload > Settings User

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

3.每次重新打開Sublime都需要啟動,啟動方法:Ctrl+Shift+P ==> LiveReload ==> enable/disable plug-ins ==> simple reload;

如果不能生效,是因為在Sublime Text裏沒有啟動LiveReload

4.Chrome應用商店下載LiveReload

https://chrome.google.com/webstore/search/LiveReload?hl=zh-CN

5.啟用LiveReload

技術分享圖片

技術分享圖片

把html文件在瀏覽器中打開,點擊一次圖標中間的圓環變成原點就代表可以實時預覽了。ST3中的文件保存一次,瀏覽器就會刷新一次,實時預覽,很方便!

技術分享圖片

6.LiveReload已經不推薦你使用了,推薦你使用更強大的:browsersync,支持移動端瀏覽器哦。

Sublime text3配置LiveReload 瀏覽器即時刷新