使用sublime text3配合chrome实现自动刷新

最新推荐文章于 2024-05-08 09:00:00 发布
最新推荐文章于 2024-05-08 09:00:00 发布
阅读量2.9k 收藏 2
点赞数 2
分类专栏： 前端 文章标签： sublime text 3 livereload 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/willjojo/article/details/80748425
版权
本文介绍了如何使用Sublime Text3配合Chrome实现自动刷新功能。首先需要在Chrome商店下载并安装LiveReload插件，开启允许访问文件网页的权限。接着在Sublime Text3中安装LiveReload插件，配置settings-user启用所需插件。完成设置后，编辑HTML文件，当LiveReload图标由空心变为实心，即可在浏览器中观察到实时更新的效果。
摘要由CSDN通过智能技术生成
  1. 下载LiveReload浏览器插件，在chrome商店中（当然需要科学上网）

下载后安装——右键（管理扩展程序）——打开“允许访问文件网页”

2.下载LiveReload的sublime text插件

sublime插件


3.在sublime中


把下载好的LiveReload插件解压后放在在打开的文件夹中，重命名为“LiveReload”


4.在sublime中选择settings-user


添加：

{"enabled_plugins": ["SimpleReload

最低0.47元/天 解锁文章
永远的三分钟热度
关注
专栏目录
Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新
qq_45642410的博客
12-26 451
一、在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
chrome 浏览器自动刷新插件
05-23
最好用的chrome定时刷新扩展，来自360极速浏览器~
Sublime Text3：搭配LiveReload实现保存后在（chrome，360，qq，火狐）等浏览器下自动刷新
weixin_38047955的博客
10-30 527
配置步骤如下： 1.在chrome浏览器（360，qq浏览器均可）中安装LiveReload插件。（如果打不开chrome网上商店的话，去网上下载一个谷歌助手） 安装后可以看下浏览器右上角的LiveReload插件的图标，它中间的小方块是空心的，表示未在这个页面上启用热更新。 2、添加完后在扩展程序页面，将LiveReload设置为【允许访问文件网址】 3.由于sublime te...
关闭 Sublime Text 3 自动更新 及 完美注册
Nick.Peng's Blogs
04-16 6140
一. 关闭 Sublime Text 3 自动更新 打开Submine Text，找到 Preferences --> Settings-User 在花括号中间写入 "update_check":false, PS:一定要在每一行结束加逗号, 不会可以看图片 二. 注册 找到 Help -->Enter license , 输入下面任意一个注册码, 即可完成注册 注：...
console定时刷新页面，且不会因刷新页面导致js失效
蒋蒋
01-10 9072
timeout=prompt("Set timeout (Second):"); count=0 current=location.href; if(timeout>0) setTimeout('reload()',1000*timeout); else location.replace(current); function reload(){ setTimeout('reload()',1...
创建Chrome插件：自动刷新网页
最新发布
苟日新，日日新，又日新!!!
05-08 4790
创建Chrome插件来自动刷新当前的网页。不仅可以提升个人的生产效率，还能在进行网站开发和内容监控时发挥重要作用。还可以扩展插件的功能，如添加随机刷新间隔、刷新指定的多个标签页等
liveReload插件和在sublime text和Chrome的使用
09-06
在这个资源中，我们将关注如何在Sublime Text编辑器和Chrome浏览器中设置并使用LiveReload插件。 首先，我们需要在Sublime Text中安装LiveReload插件。Sublime Text支持Package Control，这是一个非常便利的插件...
sublime-text-browser-sync:一个用于从Sublime Text 3启动Browser Sync的插件
05-18
这个插件利用Python的强大功能，作为与Browser Sync通信的桥梁，实现了从Sublime Text 3中启动和控制Browser Sync服务器的功能。 **扩展功能与注意事项** 除了基本的实时刷新功能，`sublime-text-browser-sync`...
谷歌浏览器自动刷新插件
03-05
最简单的自动刷新网页工具，解放您的F5按钮，只需单击一次就开始刷新，您也可以自定义刷新时间
页面自动刷新插件 谷歌浏览器插件_谷歌浏览器设置自动刷新网页
12-18
页面自动刷新 谷歌浏览器插件 添加方式参考博客：https://blog.csdn.net/weixin_44793491/article/details/105992477
谷歌浏览器自动刷新插件.zip
04-14
谷歌浏览器自动刷新插件，可实现页面自动定时刷新
chrome浏览器网页自动刷新的console代码，无需插件
liuxiang66666的博客
11-23 846
本文永久链接: https://blog.jlwz.cn/376。本文出自 俞凌龙博客，转载时请注明出处及相应链接。
sublime text3使用LiveReload插件热更新页面 搭配sublimeServer
学如逆水行舟，不进则退
01-05 4326
LiveReload插件是分两个部分的，需要在编辑器上和浏览器上分别安装（本文只讨论chrome浏览器）。只要能在浏览器里显示并且能用sublime text3编辑的本机文件都可以使用LiveReload插件来实现热更新。 LiveReload插件还有一个地方很强大，例如html里引用了外部的css、js文件，那么当你修改了这些外部文件后，浏览器里的这个html页面也会自动更新。这对于调
sublime text 3 + chrome 配置liveReload
chenhebing的博客
12-23 3857
按照网上的配置方法折腾了一晚也没成功，最后关键部分还是在github上找到了解决方案，特此开处女博客，分享给大家。 下面为配置方法： 一，在sublime text3中安装view in browser。 1，ctrl+shift+p 2，install 3，view in browser 这就安装好view in browser 接下来更改配置，默认是火狐，需要修改成chrome
Sublime关闭自动更新
djl的专栏，blog.djl.cx好记
03-19 6498
最近sublime新版本3200发布，旧版本打开就会提示 点击首选项 --> 设置 在右侧的用户配置文件中，添加 "update_check": false, 保存即可
Sublime text 3 快捷开启浏览器预览PHP文件
weixin_44318110的博客
05-04 1439
在Sublime中编辑PHP文件后，按下快捷键后直接在浏览器中预览效果，不需要在浏览器地址栏输入。 前提：已经搭建好Apache环境，并且目前我已知以下浏览器可用此功能：firefox, chrome, canary, chromium, opera, safari, ie 1.安装插件 1.打开Sublime，按下Ctrl+shift+p, 输入pic，选择第一个(可能会比较慢，需要等一下) ...
Sublime Text 3结合Chrome实现网页的自动刷新
weiyuexin的博客
07-06 3890
我们在编写前端代码时，写好一部分代码时想要看一看代码的实现效果，每次都要手动刷新会非常麻烦，神器来了，LiveReload插件实现网页的实时刷新，操作方法如下： 1. 官网下载Sublime Text 3 根据自己的电脑版本选择相应的安装包，这里我选择的是Windows 64-bit，下载完成后默认安装即可 2. 安装Package Control 安装完成后打开Sublime Text 3，使用快捷键Ctrl+` 打开控制台，输入一下代码并回车 import urllib.request,os,hash
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值