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