這篇文章主要介紹Sublime text3配置LiveReload插件的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)主要從事做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)天峻,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

在我們編寫(xiě)前端代碼時(shí)，常規(guī)操作是在編輯器寫(xiě)完代碼保存，再到瀏覽器刷新顯示，過(guò)程很是繁瑣，今天介紹這款sublime text3的插件將提高我們的開(kāi)發(fā)效率，它就是LiveReload。

Tip：
LiveReload是很棒的插件，可以在瀏覽器中實(shí)時(shí)預(yù)覽，但是在Sublime text3里，從Package Control中安裝的LiveReload是無(wú)法使用的，但是可以選擇手動(dòng)安裝解決。

LiveReload插件下載

Sublime端

Github上的LiveReload for Sublime text3的地址：https://github.com/Grafikart/ST3-LiveReload，兩種方式安裝:

方法一：

選擇DownloadZip，將解壓的文件夾放在Packages文件夾（Preference>Browse Packags）重啟ST3

方法二：

直接clone到Packages文件夾。

//適用于Linux  OSX  
//Windows可以通過(guò)Git操作
//進(jìn)入Packages目錄下
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

瀏覽器端

我用的是chrome，在應(yīng)用商店可以直接找到LiveReload，安裝

安裝之后會(huì)出現(xiàn)這個(gè)圖標(biāo)。

配置

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

實(shí)時(shí)預(yù)覽

把html文件在瀏覽器中打開(kāi)，點(diǎn)擊一次圖標(biāo)中間的圓環(huán)變成原點(diǎn)就代表可以實(shí)時(shí)預(yù)覽了。
ST3中的文件保存一次，瀏覽器就會(huì)刷新一次，實(shí)時(shí)預(yù)覽，很方便！

以上是“Sublime text3配置LiveReload插件的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：Sublimetext3配置LiveReload插件的方法-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/dhhsec.html