[工具]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页面在浏览器里面打开，以后再用文本编辑器编辑。