相信做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状态栏看到如下信息就代表已经连接了
测试~