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，安裝。

安裝以後會出現這個圖標。

配置

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

實時預覽

把html文件在瀏覽器中打開，點擊一次圖標中間的圓環變成原點就表明能夠實時預覽了。
ST3中的文件保存一次，瀏覽器就會刷新一次，實時預覽，很方便！

參考：
http://chedanji.com/sublime-text3-livereload/
http://stackoverflow.com/questions/25886011/how-do-i-install-livereload-sublime-text-3