Sublime Text 3 + LiveReload + Chrome

安装 LiveReload

在 Sublime Text 3 中安装 LiveReload。

macOS 快捷键 + + P,输入 Install Package,搜索 LiveReload 并回车安装。(Windows 快捷键 Ctrl + + P

详情请看:LiveReload for Sublime Text 3

安装 Chrome 扩展

到 Chrome 网上应用商店安装 LiveReload 扩展。为了让扩展访问本地文件,需要勾选扩展的 “Allow access to file URLs”

具体操作:设置扩展 或 浏览器打开:chrome://extensions/,找到 LiveReload 进行勾选。如下图:

《Sublime Text 3 + LiveReload + Chrome》

配置 LiveReload

Sublime Text 3 中 PreferencesPackge SettingsLiveReloadSettings-User 设置如下:

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

运行 LiveReload

在 Chrome 浏览器中打开开发中的文件,点击 LiveReload 的扩展图标,当图标中心由空心变为实心即可对此页面进行实时刷新。如下图:

《Sublime Text 3 + LiveReload + Chrome》《Sublime Text 3 + LiveReload + Chrome》

    原文作者:Teraflopst
    原文地址: https://segmentfault.com/a/1190000006221175
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞