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

最新推荐文章于 2024-09-05 14:32:10 发布
原创 最新推荐文章于 2024-09-05 14:32:10 发布 · 615 阅读 · 2
标签
#chrome #sublime text
本文介绍了如何在Sublime Text 3中安装和配置LiveReload插件，以及在Chrome浏览器中安装LiveReload扩展，以实现网页编辑时的实时刷新功能。详细步骤包括在Sublime Text中通过Package Control安装LiveReload，修改插件设置，以及在Chrome中启用插件和允许访问文件网址。然而，作者在实际操作中遇到了未生效的问题。

一、在 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元/天 解锁文章
谷歌浏览器怎么设置网页自动刷新-文末提供插件下载
weixin_45363959的博客
12-08 1万+
5、打开Google浏览器，点击右上角的“chromereload”按钮，勾选任意时间间隔刷新网页就可以了。4、找到“ChromeReloadPlus”插件，点击“添加至Chrome”。1、打开浏览器，在搜索栏输入“chrome 网上应用商店”，点击“搜索”。3、进入后在搜索栏输入“chromereload”并按“Enter”键。2、点击进入“chrome 网上应用商店”
推荐项目：Chrome Live Reload - 实时刷新浏览器的利器
gitblog_00053的博客
04-21 668
推荐项目：Chrome Live Reload - 实时刷新浏览器的利器 项目简介 是一个轻量级、高效的Chrome扩展，专为前端开发者设计，实现了代码修改后实时自动刷新浏览器的功能，极大地提升了开发效率和工作流程。通过集成这个插件，你可以无需手动刷新页面就能看到代码改动的效果，大大减少了在编码与预览之间的切换时间。 技术分析 Chrome Live Reload 的核心功能在于监听文件系统的变动...
sublime text 3配合Chrome谷歌浏览器使用插件LiveReLoad自动刷新
EEEugene的博客
11-04 976
在论坛里看了很多人的方法，总结了一些，自己写一篇博客分享一下。 一、打开sublime 1、 ctrl+shift+p 2、add repository，增加下面的url https://github.com/NickWoodhams/LiveReload.git 3、ctrl+shift+p 4、输入install 输入install后第一个回车，等待片刻，sublime下面会有个进度条显示在...
给chrome手动安装github上插件
bitcarmanlee的博客
04-28 1万+
在给chrome安装某个插件的时候，安装过程中提示”程序包无效。详细信息：无法加载扩展程序图标icon16.png"。 试了很多次，包括清除浏览器缓存，重启机器等方法，都无效。然后想了想，是不是可以通过下载github源码的方式来安装。果断试了试，安装成功，把过程记录一下。 1.在github上搜索需要的插件名称，进入项目，下载到本地的某个位置，使用git clone xxx即可。 2.在更多工具...
浏览器无法进入Gitee github解决方案
热门推荐
丨汀、的博客
03-17 3万+
浏览器无法进入Gitee github解决方案
sublime text html live view,Sublime Text 3 + Chrome 配置LiveReload 实现实时刷新
weixin_35620886的博客
07-01 285
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 Text 3 、WebStorm配置实时刷新
dairenwu的博客
10-18 1945
本文所用软件版本Sublime Text 3(Build 3143)、WebStorm 2017.2.4(Build #WS-172.4155.35)、Google Chrome v61.0.3163.100，其他版本软件配置过程可能不一样，请知悉！一.Google Chrome安装LiveReload插件1.下载插件 LiveReload 2.1.0 链接：http://pan.baidu.c
sublime text 3 + chrome 配置liveReload
Z_894821194的专栏
11-03 1767
下面为配置方法： 一在sublime text3中安装view in browser。 1ctrl+shift+p 2install 3view in browser 这就安装好view in browser 接下来更改配置，默认是火狐，需要修改成chrome 4preferences->package setting->view in browser->setting-de
CRX HotReload：Chrome扩展开发者的利器
gitblog_00079的博客
04-11 516
CRX HotReload：Chrome扩展开发者的利器 项目地址:https://gitcode.com/gh_mirrors/cr/crx-hotreload 项目简介 CRX HotReload是一个针对Chrome扩展（CRX）开发者的神器，它允许开发者在代码修改后实时自动重载扩展，大大提高了开发效率和迭代速度。通过，你可以直接获取源代码并开始使用。 技术分析 WebSocket通信：...
sublime配置自动刷新和开启vim模式
九段刀客的博客
09-07 616
工具 sublime中安装 liveReload sublime中安装 sublimeServer chrome中安装 liveReload 配置 sublime { "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] } chrome的插件liveReload中配置 启动 ...
Sublime Text3 的 Markdown 实时预览全面总结
CoderWangSon
12-20 2132
Sublime Text3 的 Markdown 实时预览全面总结 文章转自：https://blog.csdn.net/qq_20011607/article/details/81370236 0. 温习：插件安装方式，后面会反复用到 组合键Ctrl+Shift+P 调出命令面板 输入Package Control: Install Package，回车 在搜索框中输入要安装的包名（一个一个，...
Sublime text 3 - 学习/实践
"代码"的日常搬运
11-02 1万+
记录自己使用sublime使用，帮助进行学习，工作，开发，节省时间。
Sublime Text3：Sublime Text3的简介、安装、使用方法之详细攻略
走向CTO之路
07-11 2万+
Sublime Text3：Sublime Text3的简介、安装、使用方法之详细攻略 Sublime Text3的简介 Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Note...
Sublime Text 3 全程详细图文教程（转载）
weixin_39679293的博客
06-07 1万+
最初也是不知道从何下手，满世界地查找资料，但能查阅到的资料，苦于它们的零碎、片面，不够系统和全面，所以一路走来，耗费了本人大量的时间和精力。至于其它的版本也不会有太大的差异。安装好后就可以来测试如何使用AutoFileName，先以<link>css档案来示范，当输入href=””的同时，Sublime Text就会将现在编辑档案的路径为中心，判断该路径内的所有档案。如果你的电脑平台是windows x86,也就是32位的系统，请点击“Windows”下载32位的安装程序，如果不想安装，就点击其后的“
Sublime Text3——高效，美观，强大
RRie1的博客
09-27 5995
一篇简单的Sublime使用入门
Sublime Text 3 安装教程（windows 10）
CSDN_430422的博客
08-15 5989
如今是一个大数据的时代，Python 在行为收集和数据分析，信息采集等方面的应用已经非常非常普遍，早就不是程序员的专属技能了。：在无孔不入的互联网使用情况下，人工智能、大数据等领域非常适合Python的发展，这也就阐明了挑选进修Python将会有很不错的发展空间。其实你没事多去招聘网站上看看，你会发现不少基础岗位的招聘都写上了对python的技能要求，这也就意味着，会写程序的人会更吃香。错过了春招，秋招竞争激励，现在投了几十份简历却还都石沉大海，22/23届同学烦得头都快秃了。
Sublime Text 3：前端开发者的高效文本编辑器
最新发布
weixin_29155599的博客
09-05 2992
本文还有配套的精品资源，点击获取 简介：Sublime Text 3是一款广受前端开发者欢迎的文本编辑器，具有强大的功能、高度可定制性和良好的用户体验。它支持多标签编辑、快速启动与文件加载、代码高亮、代码折叠和自动完成，以提高编码效率。其“Goto Anything”和“Command Palette”功能优化了文件和代码导航，而庞大的插件生态则进一步增强了其功能。Subl...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值