SublimeText3+LiveReload+Chrome

安装 LiveReload

在 Sublime Text 3 中安装 LiveReload。

macOS 快捷键 ⌘ + ⇧ + P，输入 Install Package，搜索 LiveReload 并回车安装。（Windows 快捷键 Ctrl + ⇧ + P）

详情请看：LiveReload for Sublime Text 3

安装 Chrome 扩展

到 Chrome 网上应用商店安装 LiveReload 扩展。为了让扩展访问本地文件，需要勾选扩展的 &＃8220;Allow access to file URLs&＃8221;。

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

配置 LiveReload

Sublime Text 3 中 Preferences&＃8211;Packge Settings&＃8211;LiveReload&＃8211;Settings-User 设置如下：

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

运行 LiveReload

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

→