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

本文详细介绍如何在Sublime Text中安装并配置LiveReload插件,实现文件更改后的自动页面刷新,提高前端开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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,启动项目后,点击浏览器右上角的小黑圈,变成实心后表示已经启用

     

      配置已完成!




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值