Sublime中使用livereload插件实时预览html文件

一、在chrome上安装livereload

1. chrome网上应用店打开地址: https://chrome.google.com/webstore/search/livereload?hl=zh-CN
2. 搜索: livereload, 第一个LiveReload就是我们要安装的这个插件,点击安装

二、在sublime中安装livereload

1. 按住ctrl+shift+p，然后输入package list，查看是否装了livereload包

2. 如果没有则ctrl+shift+p,输入install package，回车

3. 然后输入livereload,搜索出来的第一个就是我们要安装的，点击安装

4. 此时sublime左下角会提示安装状态

5. 安装成功后，会提示: 建议重启sublime来使用这个新安装的插件。

三、在sublime中启动livereload

1. 手动启动路径：Preference > Package Settings > LiveReload > Plugins > Enable/disable plugins 回车选中 Enable - Simple Reload

2. 自动启动配置：Preference > Package Settings > LiveReload > Settings - User

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

四、在chrome中启动livereload

1. 在sublime中建立html文件，然后在浏览器中打开，点击扩展程序，点击扩展图标，看到其变成中间为实心圆点之后

五、测试

1. 此时在sublime中修改html内容保存就可以在谷歌浏览器中看到实时刷新啦。