LiveReload 下载以及与 sublime 的配置使用

LiveReload 会监控指定目录中的文件,如果有文件被更改,他就会自己刷新页面

1、下载 livereload.crx 文件:下载

2、可按照以下过程安装配置

      打开Google浏览器,点击右上角的自定义及控制(如图)

     

      点击后找到设置 --》扩展程序 --》如果开后为如下可勾选上右上角的开发者模式

          

     此时把下载好的 livereload.crx 文件拖拽到浏览器中 --》如图,点击添加扩展程序 --》勾选上允许访问文件网址

         

3、接下来配置 Sublime

      Ctrl+Shift+P  --》 install,回车 --》搜索 livereload,回车 --》接下来如图

     

      复制如下代码到文件中:

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

4、配置完成,开始使用    

      首先在 Sublime 中启用 LIveReload,在 Preference 中找到 plugins --》点击,回车 --》 搜索 simple,回车

      具体如图所示:

              

      再次启用浏览器中的 LiveReload,启动项目后,点击浏览器右上角的小黑圈,变成实心后表示已经启用

     

      配置已完成!




猜你喜欢

转载自blog.csdn.net/yuelinana/article/details/78918873
今日推荐