Sublime text3設定LiveReload插件

下面由sublime教學#欄位來介紹Sublime Text3 設定安裝livereload外掛方法，希望對需要的朋友有幫助！

在我們寫前端程式碼時，常規操作是在編輯器寫完程式碼儲存，再到瀏覽器刷新顯示，流程很繁瑣，今天介紹這款sublime text3的插件將提高我們的開發效率，它就是LiveReload。

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

LiveReload插件下載

#Sublime端

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插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！