Sublime text3配置LiveReload 實時預覽、無需重新整理

Tip ： LiveReload是很棒的插件，可以在浏覽器中實時預覽，但是在Sublime text3裡，從Package Control中安裝的LiveReload是無法使用的，但是可以選擇手動安裝解決。

LiveReload插件下載下傳

Sublime端

Github上的LiveReload for Sublime text3的位址： ​​LiveReload​​ ，兩種方式安裝:

方法一：

選擇DownloadZip，将解壓的檔案夾放在Packages檔案夾（Preference>Browse Packags）重新開機ST3

方法二：

直接clone到Packages檔案夾。

//适用于Linux  OSX  

//Windows可以通過Git操作

//進入Packages目錄下

rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload      

浏覽器端

我用的是chrom，在應用商店可以直接找到LiveReload，安裝。

安裝之後會出現這個圖示。

配置

方法一：

Preference>Package Settings>LiveReload>Settings User

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

方法二：

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload      

實時預覽

把html檔案在浏覽器中打開，點選一次圖示中間的圓環變成原點就代表可以實時預覽了。ST3中的檔案儲存一次，浏覽器就會重新整理一次，實時預覽，很友善！

參考：

​​http://chedanji.com/sublime-text3-livereload/​​