Chrome
Sublime Text 3
Git
LiveReload插件安装进入Chrome插件中心 ，搜索LiveReload，安装即可。这里为照顾不了解的同学尽可能描述我安装的整个过程；1、打开Chrome浏览器点击地址栏右边的三条横杠图标，在弹出的下拉框中选择“设置(S)”选项；2、在chrome设置页面左边点击“扩展程序”->'获取更多扩展程序'进入Chrome插件中心；
1、在Chrome插件中心搜索框中输入'LiveReload'回车，搜索LiveReload插件；2、在搜索结果页面找到“LiveReload”插件，点击插件右边的“添加至CHROME”，然后根据提示点击“添加扩展程序”安装成功会提示“LiveReload已添加到Chrome浏览器”，这里时候可以看到地址栏右边多了一个LiveReload图标;
安装成功可以在扩展程序页面可以看到扩展的具体情况；
LiveReload插件在Sublime text3里，从Package Control中安装的LiveReload是无法使用的，我是没找到，但是可以选择手动安装解决。LiveReload插件下载1、打开“Sublime Text 3”点击菜单栏Preferences->Browse Packages...打开插件安装目录；2、在插件安装目录下右击鼠标选择“Git Bash Here...”,打开git bash;
3、安装LiveReload插件，在命令行下输入git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload2、菜单栏Preferences->Package Settings可以看到已经安装成功；3、点击菜单栏Preferences-Package Settings->LiveReload->Settings - User打开用户配置文件输入如下内容配置插件；{ 'enabled_plugins': [ 'SimpleReloadPlugin', 'SimpleRefresh' ]}
1、在web服务器下编辑index.html文件输入如图内容，在浏览器中输入http://localhost访问文件；2、然后点击 Chrome浏览器右边的“LiveReload”图标中间小圆点由虚变实，表示启动插件；3、修改index.html文件内容按 ctr+s 保存，即可在chrome里面看到实时更新。
如果有任何疑问欢迎写评论有得，如果本经验帮到了你，欢迎投票点赞