Sublime text3配置LiveReload



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


LiveReload插件下載

Sublime端

Github上的LiveReload for Sublime text3的地址:LiveReload,兩種方式安裝:

方法一:

選擇DownloadZip,將解壓的文件夾放在Packages文件夾(Preference>Browse Packags)重啟ST3

從github下載

方法二:

直接clone到Packages文件夾。


//適用於Linux  OSX  

//Windows可以通過Git操作

//進入Packages目錄下

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

瀏覽器端

我用的是chrom,在應用商店可以直接找到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



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM