首页 > 技术文章 > livereload

scale 2017-10-09 10:12 原文

1.浏览器端 
下载 
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述
安装 
这里写图片描述

2.Sublime text3端 
下载/PCIP安装,在windows环境下无效 
https://github.com/Grafikart/ST3-LiveReload 
这里写图片描述

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

这里写图片描述

这里写图片描述

这里写图片描述

配置 
这里写图片描述

这里写图片描述

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

这里写图片描述

3.用法 
重启 Sublime text3和Chrome,点击 Chrome的LiveReload 图标空心实心,LiveReload启动并连接成功 
这里写图片描述

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

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

 

推荐阅读