[工具]web开发时自动刷新网页：liveReload
浏览数：107 /
时间：2015年06月09日
传统网页开发流程：用sublime text写好代码，运行，发现问题，再回到sublime text修改，运行…如此往复，十分繁琐。今天看到有人（《LiveReload》讓Sublime Text儲存後網頁自動同步更新）用liveReload实现了网页开发同步更新，试了试，果真不错，具体配置方法如下。
需要插件
sublime text：View in Browser；LiveReload
chrome：liveReload
配置方法
1、在sublime text安装插件 view in browser，修改配置
安装插件部分在之前的文章中已经提到，这里不再赘述（不会请戳），因为我主要使用chrome做调试的浏览器，因此需要修改一下view in browser 的配置，打开preferences->package setting->view in browser->setting default，修改默认的浏览器，这里我把firefox改为chrome64
2、在sublime text安装插件liveReload
3、chrome浏览器安装liveReload插件
进入chrome插件中心，搜索liveReload，安装即可。
到此，已经将需要的插件安装完毕。
测试
在sublime text编辑一个测试html文件，按 ctr+alt+v 在浏览器中运行该html，编辑器下方出现livereload提示，并且chrome浏览器的livereload图标中间小圆点由虚变实，说明配置成功。
使用
现在，只需要在sublime text里编辑代码，按 ctr+s 保存，即可在chrome里面看到实时更新。双屏体验极好。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
