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 的擴展圖標，當圖標中心由空心變爲實心便可對此頁面進行實時刷新。以下圖：

→