相信做 web 开发的同学,特别是写前端的经常要用的按键就是 f5 了,每次 ctrl+s 保存代码后,要重新刷新看效果太痛苦了。
live-reload 是一个可以让你实现在 ctrl+s 保存文件后 浏览器自动刷新 大大提高效率,特别是用双屏的同学更能体会到便捷之处。
关于 live-reload 的详细介绍请移步官网 http://livereload.com/,
本文主要讲解 sublime text 安装 live-reload 的方法
首先需要的是 Sublime Package Control 如果没有安装请移步 (没有安装的朋友强烈建议安装)
开始安装 live-reload 插件
点击 Preferences > Package Control 选择 install Package

敲入 live-reload 回车安装

安装完毕

然后安装浏览器插件:
chrome 地址:https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Firefox 地址:
https://addons.mozilla.org/en-US/firefox/addon/livereload/
我习惯用 chrome 以 chrome 为例 安装完后会出现这样一个图标

然后去扩展页面找到 live-reload 勾选上允许文件访问网址

好了配置完毕
开始编写你的代码 然后 open in browser 点击扩展触发
可以在 sublime 状态栏看到如下信息就代表已经连接了

测试~
