说明
最近在研究CSS希望可以提升一个层次。在写DEMO练习的时候老是需要去谷歌浏览器手动刷新页面才能看到更改后的效果次数多了我也受不了，这不我又请来了个帮手: LiveReload，名如其人，这家伙专门干实时刷新。怎么整？看下面：

实现效果

配置步骤
1.vscode安装LiveRelod
插件处搜索安装即可，不多说。

2.启用LiveReload
vscode中按下快捷键ctrl+shift+p搜索配置：live
然后单击第一项，反复单击为启用/禁用切换。

3.chrome浏览器中安装LiveReload插件。下载链接：

LiveReload（20220412最新）-Javascript文档类资源-CSDN下载

打开chrome的扩展程序–加载解压后的文件夹即可安装完成。

4.vscode和chrome联动
vscode中启用好LiveReload后随便打开一个html网页，然后点击chrome中安装好的LiveReload发现空心的○变成实心的●表示通信成功，

此时去修改html内容就会在chrome中实时刷新呈现。至此大功告成！

大部分教程到这里就结束了~

等等！！！！没效果？？？一直不变实心圆。往下看

查看很多文章，他们都缺少了一步，也是最关键的一步！！

右击html文件，自动打开浏览器，以服务的方式访问文件了!!!（右击没有这句话？）

安装他就有了！！！，然后点击就变实心圆了，折腾一小时，终于找到问题了，如果解决你的问题，请留一下赞！！！谢谢

（已解决）利用LiveReload插件实现vscode和谷歌浏览器实时刷新相关推荐

已解决：fastclick插件在IOS系统上点击input需要双击或长按才有效
已解决:fastclick插件在Vue移动端IOS系统上点击input需要双击或长按才有效做Vue项目的登录注册页面测试时发现的问题,Chrome浏览器上使用三星手机Glaxy S5测试input是 ...
已解决selenium框架接管已经打开的谷歌浏览器（Python反反爬教程，亲测有效）
已解决selenium框架接管已经打开的谷歌浏览器(Python反反爬教程,亲测有效) 文章目录问题描述解决方法千人全栈VIP答疑群联系博主帮忙解决报错问题描述使用selenium自动化测试 ...
网页调试实时刷新谷歌插件LiveReload
今天再给大家普及一款前端调试专用插件,谷歌的 LiveReload,这东西是干嘛用的呢? 我们知道编辑器,比如我用的webstorm,或者你们的sublime text*,等等,在编写scss的时候能 ...
Vscode 中LiveReload插件总是启动失败和出错图文详细分析和stepbystep解决方案
一.环境配置: Date:2020/11/07 OS: Win10(x64) VSCODE:1.50.1 LiveReload:0.2.5 二.问题描述: 通过在VSCODE中执行快捷命令ctrl+s ...
SpringBoot：Unable to start LiveReload server(已解决)
SpringBoot:Unable to start LiveReload server(已解决) 问题分析经查询,发现DevToolsProperties中配置了一个端口,默认是35729. pu ...
VSCode内npm run build编译打包时候报错：code ELIFECYCLE - （已解决）
文章目录 win10系统使用VSCode打包项目进行build编译的时候,报错:Module build failed: Error: "extract-text-webpack-plugi ...
未找到插件 ‘org.springframework.bootspring-boot-maven-plugin‘(已解决 )
未找到插件 'org.springframework.boot:spring-boot-maven-plugin:'(已解决 ) 加上一个版本号即可 <plugin><groupId ...
VSCode图片无法显示（已解决）
萌新刚开始接触前端,和使用VSCode,但是不知道为什么用VSCode查看不了图片,如下点击"是否仍要打开?"后,而后点击图像预览,依旧无法显示...(当然,似乎也与图片有关.) ...
已解决] 关于colorex 颜色插件增强版的疑问 [复制链接]
已解决] 关于colorex 颜色插件增强版的疑问 [复制链接] 张恒超头像张恒超组别初中一年级 UID2018489 帖子200 鲜花0 朵铜币389 个银币8 个金币0 个注册时间2 ...
VS2017安装qt插件失败(已解决）
VS2017安装qt插件失败(已解决) 试过很多方法没有解决此问题,偶然间删除一个文件夹,重新安装就成功了. 解决方法:删除红色框中的文件夹即可.(该文件路径在C盘的用户文件夹中查找,勾选隐藏的项目即 ...

（已解决）利用LiveReload插件实现vscode和谷歌浏览器实时刷新

等等！！！！没效果？？？一直不变实心圆。往下看

安装他就有了！！！，然后点击就变实心圆了，折腾一小时，终于找到问题了，如果解决你的问题，请留一下赞！！！谢谢

（已解决）利用LiveReload插件实现vscode和谷歌浏览器实时刷新相关推荐

最新文章

热门文章