LiveReload插件安装、配置及用法

1.浏览器端
下载
LiveReload插件安装、配置及用法_第1张图片

LiveReload插件安装、配置及用法_第2张图片

LiveReload插件安装、配置及用法_第3张图片

LiveReload插件安装、配置及用法_第4张图片
安装
这里写图片描述

2.Sublime text3端
下载/PCIP安装,在windows环境下无效
https://github.com/Grafikart/ST3-LiveReload
LiveReload插件安装、配置及用法_第5张图片

安装
解压,重命名,拷贝到packages中
这里写图片描述

这里写图片描述

这里写图片描述

LiveReload插件安装、配置及用法_第6张图片

配置
LiveReload插件安装、配置及用法_第7张图片

LiveReload插件安装、配置及用法_第8张图片

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

LiveReload插件安装、配置及用法_第9张图片

3.用法
重启 Sublime text3和Chrome,点击 Chrome的LiveReload 图标空心实心,LiveReload启动并连接成功
LiveReload插件安装、配置及用法_第10张图片

Line 1, Column 1: New LiveReload v2 client connected.
这里写图片描述

至此,Sublime text3中的任何变化,ctrl+s后,立即在Chrome中看到相应变化

你可能感兴趣的:(HTML5)