使用sublime text3配合chrome实现自动刷新

  1. 下载LiveReload浏览器插件,在chrome商店中(当然需要*)

下载后安装——右键(管理扩展程序)——打开“允许访问文件网页”

使用sublime text3配合chrome实现自动刷新

2.下载LiveReload的sublime text插件

sublime插件

使用sublime text3配合chrome实现自动刷新

3.在sublime中

使用sublime text3配合chrome实现自动刷新

把下载好的LiveReload插件解压后放在在打开的文件夹中,重命名为“LiveReload”

使用sublime text3配合chrome实现自动刷新

4.在sublime中选择settings-user

使用sublime text3配合chrome实现自动刷新

添加:

{"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]}

保存,重启sublime

5.打开一个HTML页面,点击LiveReload图标,当图标中间的空心圆,变成实心圆就代表成功了

使用sublime text3配合chrome实现自动刷新

可以在sublime中修改后,在浏览器中自动刷新查看效果