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

配置 LiveReload

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

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

运行 LiveReload

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

LiveReloadLiveReload

阅读 2.1k

推荐阅读
Teraflopst
用户专栏

我的专栏

7 人关注
18 篇文章
专栏主页