Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新

最新推荐文章于 2025-07-01 11:25:31 发布
原创 最新推荐文章于 2025-07-01 11:25:31 发布 · 546 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#chrome #sublime text

本文介绍了如何在Sublime Text 3中安装和配置LiveReload插件，以及在Chrome浏览器中安装LiveReload扩展，以实现网页编辑时的实时刷新功能。详细步骤包括在Sublime Text中通过Package Control安装LiveReload，修改插件设置，以及在Chrome中启用插件和允许访问文件网址。然而，作者在实际操作中遇到了未生效的问题。

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

一、在 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

5、输入 liveReload 搜索，点击 liveReload 安装，等待几秒钟

这是安装成功的页面
在这里插入图片描述
在菜单也能看到这个插件
在这里插入图片描述

6、需要进行一些设置 preferences

最低0.47元/天 解锁文章

200万优质内容无限畅学
Sublime Text3 + LiveReload + Chrome 使编写的HTML同步预览！
m0_57825493的博客
10-22 691
Sublime Text3实现网页实施预览 编写效率速速提高！
使用sublime text3配合chrome实现自动刷新
永远的三分钟热度的博客
06-20 3083
下载LiveReload浏览器插件，在chrome商店中（当然需要科学上网）下载后安装——右键（管理扩展程序）——打开“允许访问文件网页”2.下载LiveReload的sublime text插件sublime插件3.在sublime中把下载好的LiveReload插件解压后放在在打开的文件夹中，重命名为“LiveReload”4.在sublime中选择settings-user添加：{"enab...
liveReload插件和在sublime text和Chrome的使用
09-06
本资源中包含liveReload插件，另含该插件在Chrome中的安装方法，同时介绍了如何利用该插件使sublime text中编辑的内容和浏览器同步显示
Sublime text3 配置 LiveReload
lucifer19900724的博客
01-05 530
Sublime text3是非常好用的编辑器。配合LiveReload插件可以在浏览器中实时预览。下面分享下LiveReload插件的安装过程。 1、LiveReload Sublime text3 插件地址：ST3-LiveReload。  这个fork修正了原版配置不能保存的bug。不过说明文档里clone地址没有修改，所以不要直接按照说明文档安装。 安装方法如下 Linu
Sublime Text 3：全面指南与插件推荐
最新发布
weixin_30481539的博客
07-01 728
Sublime Text 3是一款非常流行的代码编辑器，以其轻量级、高速度和丰富的功能特性受到开发者们的青睐。其直观的用户界面、多功能插件支持以及跨平台兼容性是它成为许多专业开发者的首选工具的原因。在Sublime Text中，Git插件为版本控制提供了一个便捷的图形界面。用户可以通过来执行Git命令，而无需离开编辑器。例如，git commit和git status可以分别通过以下菜单选项来执行：：提交本地更改。：查看当前状态。为了更好地使用Git。
sublime livereload插件
dicha7140的博客
01-22 203
1、首先在chrome商店下载livereload 安装之后记得在 chrome 的扩展程序里面 勾上 允许访问文件地址 2、sublime text 3 中下载插件 Livereload 3、配置 livereload 插件Setting Default ： {"enabled_plugins": ["SimpleReloadPlugin","Simple...
Sublime text3配置LiveReload
weixin_30289831的博客
09-13 275
Tip： LiveReload是很棒的插件，可以在浏览器中实时预览，但是在Sublime text3里，从Package Control中安装的LiveReload是无法使用的，但是可以选择手动安装解决。 LiveReload插件下载 Sublime端 Github上的LiveReload for Sublime text3的地址：LiveReload，两种方式安装: 方法一： 选择Downl...
sublime text html live view,Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新
weixin_35620886的博客
07-01 246
Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新下面为配置方法：一、在 Sublime Text 3 中安装 View in Browser。1、ctrl+shift+p2、install3、View in Browser这就安装好View in Browser接下来更改配置...
关于sublime text4 和Google Chrome 的live reload插件
weixin_50788517的博客
12-24 630
live reload 顾名思义 这个插件主要是用于实时刷新的 在sunblime只要ctrl + s了文件 就能在浏览器实时刷新 不用我们自己手手动F5 用途 于我而言 我是比较喜欢在sublime写markdown文件的 这样就可以帮我代替那个markdown preview 这个挂掉的插件 以及 最近为了screeps world 在学JavaScript 这个插件也能减少我很多分心出去的机会 最重要的安装 Chrome : 在Chrome的扩展程序安装 LiveReload 且要开启允许访问
Sublime LiveReload
blank的博客
10-09 323
chrome 安装插件 LiveReload sublime intall packages 安装 LiveReload 或者下载并修改名字为 LiveReload 放入 packages https://github.com/Grafikart/ST3-LiveReload 配置： Preferences -> Package Settings -> Liv
chrome liveReload
12-24
chorme liveReload 是chorme的一个插件 结合grunt 可实现实时刷新
Sublime Text3
09-10
Sublime Text3 是一个轻量、简洁、高效、跨平台的编辑器，方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!
sublime text3
01-31
sublime text3， windows下轻量编辑器，简单易用，界面好看友好。无需安装配置，解压即可运行,含有Anaconda等常用包
Sublime Text 3
06-20
一款简介好用的网页开发工具，解压之后可以直接使用，使用简单易操作，在网页开发方面会提供巨大用处。
sublime插件之LiveReload
qq_34825264的博客
12-31 466
前端开发中代码调试工作特别繁重，掌握一定的小技巧 有利于事半功倍。今天分享个sublime里的插件 LiveReload，该插件可以实现代码的实时预览，不用程序员一次次的刷新。使用该插件之前需要做到以下几点 ： chrome浏览器配置 安装LiveReload插件 sublime安装LiveReload插件 利用packagecontrol安装LiveReload
sublime text 3
天涯的浪子
07-04 531
1.sublime text 3 用快捷键打开任意你想打开的默认浏览器（设置超级简单） https://blog.csdn.net/HDFQQ188816190/article/details/58593244 我使用的第二种方法 [ /*chrome*/ { "keys": ["f12"], "command": "side_bar_op...
Sublime text3
weixin_43507339的博客
11-29 202
Sublime text3 Version 3.2.1 3207 和 3.2.2 3211(2019-11-06亲测有效)_猫老板的豆-CSDN博客
Sublime Text3浏览器自动刷新插件LiveReload介绍
当开发者在Sublime Text 3中安装了LiveReload插件之后，可以在编辑文件的同时享受到自动刷新浏览器的功能，这样就无需切换到浏览器界面手动刷新。 4. 如何使用LiveReload for Sublime Text 3： 为了在Sublime Text ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值