# LiveReload

**Repository Path**: w404/LiveReload

## Basic Information

- **Project Name**: LiveReload
- **Description**: Sublime text3配置LiveReload
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-05-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Sublime text3配置LiveReload
## Sublime端
###第1步：选择Zip，将解压的ST3-LiveReload-master文件夹放在Sublime text工具安装路径下的Packages文件夹下(例如我的D:\_jobs\_tools\Sublime Text 3\Packages)
![输入图片说明](http://git.oschina.net/uploads/images/2016/0509/091855_0fff68bd_791094.png "在这里输入图片标题")
![输入图片说明](http://git.oschina.net/uploads/images/2016/0509/092149_f2effb7d_791094.png "在这里输入图片标题")
###第2步：sublime text安装LiveReload，安装方式和普通插件一样
###第3步：配置(Preference>Package Settings>LiveReload>Settings User)
> 首先我们要全局安装一遍：
```html
{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}
```
##浏览器端
###第1步：根据自己的浏览器选择对应的extension。对于chrome浏览器用户，需要配置下LiveReload插件：勾选允许访问文件网址。插件就是解压出的chromein.com_ext_11631.crx文件
![输入图片说明](http://git.oschina.net/uploads/images/2016/0509/094208_f5477114_791094.png "在这里输入图片标题")
>安装之后会出现这个图标。
![输入图片说明](http://git.oschina.net/uploads/images/2016/0509/094307_e6f9a2a4_791094.png "在这里输入图片标题")
##实时预览
>把html文件在浏览器中打开，点击一次图标中间的圆环变成原点就代表可以实时预览了。ST3中的文件保存一次，浏览器就会刷新一次，实时预览，很方便！