sublime使用LiveReload自动刷新

最新推荐文章于 2022-10-22 16:19:11 发布
最新推荐文章于 2022-10-22 16:19:11 发布
阅读量790 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_31497293/article/details/119349128
本文详细介绍如何在Sublime Text中安装并配置LiveReload插件，实现代码更改后的自动刷新预览。包括安装LiveReload插件步骤、设置LiveReload启用选项及在Chrome浏览器中安装LiveReload扩展的方法。

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

sublime使用LiveReload自动刷新

安装LiveReload

打开sublime后，ctrl+shift+p 输入 install package
打开install package
在出现的搜索框中输入 LiveReload 进行搜索，然后选择LiveReload安装。由于我已经安装，下图中没有出现对应的项
在这里插入图片描述

设置LiveReload启用

等待安装完成后，ctrl+shift+p，输入 LiveReload，选择 LiveReload: Enable/disable plug ins
设置保存刷新
这里有多个选项，可按需求选择，这里我选择的事 simple Reload，即保存后刷新。
选择保存刷新

浏览器安装

这里使用的是Chrome浏览器。可以直接在谷歌商店下载，也可以使用离线包下载。这里使用离线方式。 下载地址.或评论留下邮箱
首先下载LiveReload的crx，然后将crx解压，打开扩展程序
在这里插入图片描述
然后选择加载已解压的扩展程序 选择解压的文件夹即可。
在这里插入图片描述
安装完成，如果不生效，请注意看浏览器对应的页面是否打开了LiveReload 。中间圆圈空白为关闭状态
关闭
下图为启用状态
打开

Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新
qq_45642410的博客
12-26 537
一、在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
sublime实时刷新页面
L20150514的博客
07-27 634
使用 LiveReload 实现实时刷新页面。
sublime3安装liveload，实现前端自动F5刷新html界面
weixin_34194317的博客
09-07 246
　　这两天倒腾编辑器，atom实在太大了，还是sublime好用 　　以前一直用sublime2， 然后更新到sublime3， 然后把一些必要的插件安装了一下：liveload(自动刷新)； 　　package control 　　首先给sublime添加了一个package control的插件， sublime2和sublime3安装package control 的方式不同， 查看这...
sublime插件之LiveReload
qq_34825264的博客
12-31 466
前端开发中代码调试工作特别繁重，掌握一定的小技巧 有利于事半功倍。今天分享个sublime里的插件 LiveReload，该插件可以实现代码的实时预览，不用程序员一次次的刷新。使用该插件之前需要做到以下几点 ： chrome浏览器配置 安装LiveReload插件 sublime安装LiveReload插件 利用packagecontrol安装LiveReload
sublime livereload插件
dicha7140的博客
01-22 200
1、首先在chrome商店下载livereload 安装之后记得在 chrome 的扩展程序里面 勾上 允许访问文件地址 2、sublime text 3 中下载插件 Livereload 3、配置 livereload 插件Setting Default ： {"enabled_plugins": ["SimpleReloadPlugin","Simple...
liveReload插件和在sublime text和Chrome的使用
09-06
在这个资源中，我们将关注如何在Sublime Text编辑器和Chrome浏览器中设置并使用LiveReload插件。 首先，我们需要在Sublime Text中安装LiveReload插件。Sublime Text支持Package Control，这是一个非常便利的插件...
Sublime Text3浏览器自动刷新插件LiveReload介绍
当开发者在Sublime Text 3中安装了LiveReload插件之后，可以在编辑文件的同时享受到自动刷新浏览器的功能，这样就无需切换到浏览器界面手动刷新。 4. 如何使用LiveReload for Sublime Text 3： 为了在Sublime Text ...
Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！
m0_57825493的博客
10-22 688
Sublime Text3实现网页实施预览 编写效率速速提高！
LiveReload 插件：实现Sublime Text3中Web前端修改自动刷新
总结以上信息，LiveReload是一款专为Web前端开发者设计的工具，其能够实现代码修改后的即时自动刷新功能，与Sublime Text 3等编辑器一起使用可以大幅提升开发效率。通过监听文件系统的变化，LiveReload能够在开发者...
LiveReload
11-23
LiveReload是一款强大的自动化工具，主要用于前端开发，它能够在你编辑代码时自动刷新浏览器，让你能够实时看到代码修改的效果。在Sublime Text 3这个流行的文本编辑器中，LiveReload作为一个插件存在，极大地提升了...
sublime配置自动刷新和开启vim模式
九段刀客的博客
09-07 392
工具 sublime中安装 liveReload sublime中安装 sublimeServer chrome中安装 liveReload 配置 sublime { "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] } chrome的插件liveReload中配置 启动 ...
sublime自动刷新网页
qq_29755359的博客
03-02 1218
sublime自动刷新网页，网页自动刷新,前端开发利器,前端开发必备
Sublime LiveReload
blank的博客
10-09 322
chrome 安装插件 LiveReload sublime intall packages 安装 LiveReload 或者下载并修改名字为 LiveReload 放入 packages https://github.com/Grafikart/ST3-LiveReload 配置： Preferences -> Package Settings -> Liv
Sublime中使用livereload插件实时预览html文件
fujie0206的博客
03-19 1947
Sublime中使用livereload插件实时预览html文件 本文主要介绍sublime的liveReload插件，用于在sublime中开发项目时，实时刷新浏览器看到最新修改，不用我们手动去操作浏览器刷新， 大大节省了我们开发时间。
eclipse/myeclipse sublime 实时更新文件改变
qfikh的博客
08-04 969
情形: 在修改转码hints.md文件的时候,如果仅仅使用sumlime 查看文件,在idea中修改能及时生效,,如果用sublime修改的hints.md文件,那么修改不会再docker服务中生效, 之后再用idea修改,就可以生效了,,也就是sublime的修改,docker 中的服务不能获取到修改后的内容     在使用eclipse/myeclipse开发的时候, 像JS 或者HT...
sublime安装livereload插件过程
Kuangqiu的博客
03-24 682
livereload的使用，可以实现当保存页面文件实时刷新浏览器 一、首先是谷歌浏览器插件的安装，请下载点击这里livereload 如图所示 1.1打开谷歌浏览器->更多工具-扩展程序 2.然后我们手动拖入上面.crx文件到扩展程序页面，按照提示插入即可 当然插入的时候部分人员可能遇到会需要程序包无效的情况 如果遇到这样的问题，解决办法如下: 我们将.crx文件扩展名改为.zip或者其他压缩文件。然后再解压出文件 这个时候我们再打开谷歌浏览器扩展程序页面，打开开发者模式，
Sublime Text3搭配LiveReload实现实时刷新
DearMorning的博客
12-28 6034
前言： LiveReload是一款连接编辑器与浏览器解放F5的开发工具。LiveReload会监视文件系统的变化，一旦你保存文件，它就将浏览器刷新。所以当你改变保存一个CSS文件或图像，浏览器是即时刷新页面，无需你手动点击F5刷新。 一、下载安装插件LiveReload 在Chrome应用商店下载插件LiveReload，点击添加到Chrome后在菜单栏中显示一个有着空心圆的图标。
Sublime + Chrome 配置LiveReload 实现实时刷新
jack_rose_me的博客
03-09 392
一、在sublime text3中安装插件liveReload 1.Ctrl+Shift+P ==> LiveReload ==> enable/disable plug-ins ==> simple reload; 2.配置 Preference > Package Settings > LiveReload > Settings User 1...
sublime text 3 + chrome 配置liveReload
Z_894821194的专栏
11-03 1734
下面为配置方法： 一在sublime text3中安装view in browser。 1ctrl+shift+p 2install 3view in browser 这就安装好view in browser 接下来更改配置，默认是火狐，需要修改成chrome 4preferences->package setting->view in browser->setting-de
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值