您好,登錄后才能下訂單哦!
這篇文章主要介紹Sublime text3配置LiveReload插件的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
在我們編寫前端代碼時,常規操作是在編輯器寫完代碼保存,再到瀏覽器刷新顯示,過程很是繁瑣,今天介紹這款sublime text3的插件將提高我們的開發效率,它就是LiveReload。
Tip:
LiveReload是很棒的插件,可以在瀏覽器中實時預覽,但是在Sublime text3里,從Package Control中安裝的LiveReload是無法使用的,但是可以選擇手動安裝解決。
Github上的LiveReload for Sublime text3的地址:https://github.com/Grafikart/ST3-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
我用的是chrome,在應用商店可以直接找到LiveReload,安裝
安裝之后會出現這個圖標。
1. ctrl+shift+p 2. LiveReload: Enable/disable plugins 3. Enable - SimpleReload
把html文件在瀏覽器中打開,點擊一次圖標中間的圓環變成原點就代表可以實時預覽了。
ST3中的文件保存一次,瀏覽器就會刷新一次,實時預覽,很方便!
以上是“Sublime text3配置LiveReload插件的方法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。