LiveReload安裝紀錄

LiveReload是Sublime Text的套件，功能就不多說，主要是每次裝都要反反覆覆才安裝成功，這裡記錄一下我自己的安裝過程。



以樣附上系統環境
MacOS Sierra 10.12.3
Sublime Text 3
Chrome

一、安裝LiveReload
在Sublime直接用套件管理員安裝，快速鍵⌘+⇧+p
輸入install package
找到LiveReload

跳出安裝訊息即安裝完畢

二、在Chrome安裝LiveReload要用的擴充功能套件
至Chrome擴充功能首頁找到LiveReload套件，並安裝

安裝完請在Chrome擴充功能頁面把LiveReload的「允許存取檔案網址」打勾。

三、定義LiveReload設定檔

如上圖所選，打開「LiveReload.sublime-settings」

輸入以下片段

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

四、重啟Chrome和Sublime
五、使用LiveReload

1. 在Sublime滑鼠右鍵選Open in Browser
2. Chrome點LiveReload圖示，變成「實心」
3. Sublime下面會有LiveReload v2 client connected
4. 這樣就成功了，更改文字儲存後瀏覽器就會跟著更新