Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新

一、在 sublime text3 中安装插件 liveReload

1、Ctrl + shift + P，弹出以下页面，输入 install ，然后点击 Install Package

2、在弹出的新的页面中输入add repository，点击搜索出来的 add repository

底下会出现一个框，增加下面的 url

https://github.com/NickWoodhams/LiveReload.git

3、之后再按 Ctrl + shift + P

4、点击 Install Package

5、输入 liveReload 搜索，点击 liveReload 安装，等待几秒钟

这是安装成功的页面

在菜单也能看到这个插件

6、需要进行一些设置 preferences -> packge settings -> livereload -> settings-default,

设置如下:

{
“enabled_plugins”: [
“SimpleReloadPlugin”,
“SimpleRefresh”
]

}

二、在Chrome中安装 LiveReload 插件

1、打开 chrome 网上应用商店，添加插件





2、启用浏览器中的LiveReload，点一下黑色圈圈，中心的小圆圈会变成实心，表示启用 【这是参考网上别人的做法】

（我的没有起作用，并没有变成实心）

3、去 Sublime Text 里启动 LiveReload ，步骤如下，框红框的地方点击就可以


4、去 chrome 浏览器开启允许访问文件网址


6、我的做完这些步骤之后都没有起作用，并没有实现实时刷新，哈哈哈哈，好悲伤

7、参考文章：Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新