[工具]web開發時自動刷新網頁：liveReload

傳統網頁開發流程：用sublime text寫好代碼，運行，發現問題，再回到sublime text修改，運行…如此往復，十分繁瑣。今天看到有人（《LiveReload》讓Sublime Text儲存後網頁自動同步更新）用liveReload實現了網頁開發同步更新，試了試，果然不錯，具體配置方法以下。

須要插件

sublime text：View in Browser；LiveReload

chrome：liveReload

 

配置方法

一、在sublime text安裝插件 view in browser，修改配置

安裝插件部分在以前的文章中已經提到，這裏再也不贅述（不會請戳），由於我主要使用chrome作調試的瀏覽器，所以須要修改一下view in browser 的配置，打開preferences->package setting->view in browser->setting default，修改默認的瀏覽器，這裏我把firefox改成chrome64

二、在sublime text安裝插件liveReload

三、chrome瀏覽器安裝liveReload插件

進入chrome插件中心，搜索liveReload，安裝便可。

到此，已經將須要的插件安裝完畢。

測試

在sublime text編輯一個測試html文件，按 ctr+alt+v 在瀏覽器中運行該html，編輯器下方出現livereload提示，而且chrome瀏覽器的livereload圖標中間小圓點由虛變實，說明配置成功。

 

          

使用

如今，只須要在sublime text裏編輯代碼，按 ctr+s 保存，便可在chrome裏面看到實時更新。雙屏體驗極好。

 

2014.11.27更新

以前有博友說sublime text沒法使用，今天居然莫名奇妙的down掉了，現將解決辦法說明以下。

一、去livereload官網下載windows版本，安裝，將須要同步的文件夾放入livereload中。

二、先將html頁面在瀏覽器裏面打開，以後再用文本編輯器編輯。