配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新

本文介绍如何在VSCode中安装并利用LiveReload插件,实现实时页面刷新,大幅减少代码编辑后的页面刷新繁琐步骤,提升开发体验。

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

开发时我们不免会遇到一些Bug,而当我们进行修复时,如果是老项目的话,难免不了的就是频繁的切换页面与编译器,保存一次代码刷新一次页面,这样不免是繁琐的,那么这个时候两款插件应运而生

一、VsCode安装LiveReload

在这里插入图片描述
下载后我们需要配置一下首先,其实配置与否都可以
ctrl + shift + p
在这里插入图片描述
键入 LiveReload 选择上面这个选择项即可

二、谷歌应用商城安装LiveReload

在这里插入图片描述
这个时候安装成功后我们的右上角会蹦出一系列选项,让其显示在右上角
在这里插入图片描述
右键单击管理扩展程序
在这里插入图片描述
让其访问文件地址,这个时候我们的插件其实就是已经安装好了

三、谷歌扩展插件,我们将其空心点击成实心状态

空心状态:在这里插入图片描述
实心状态:
在这里插入图片描述
点击即可从空心变为实心

四、小点变为实心的页面,当我们在VS Code进行保存时谷歌页面即会进行自动刷新

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

归来巨星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值