LiveReload插件安装、配置及用法

来源:互联网 发布:手机淘宝店铺怎么收藏 编辑:程序博客网 时间:2024/06/05 16:37

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中看到相应变化

0 0