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 进行勾选。如下图：

配置 LiveReload

Sublime Text 3 中 Preferences-Packge Settings-LiveReload-Settings-User 设置如下：

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

运行 LiveReload

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

→