解决VSCode：Live Server插件不能实时更新页面

最新推荐文章于 2024-06-12 10:41:24 发布
最新推荐文章于 2024-06-12 10:41:24 发布
阅读量6.5k 收藏 7
点赞数 14
分类专栏： 解决问题 文章标签： vscode 编辑器 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CrushIT/article/details/121666188
版权

直接上干货：很多小伙伴其实是没有用Live Server调试，记住一定要用右键 Open With Live Server或者右下角点击Go Live！！！

解决办法：

1.打开自动保存

2.调试的时候右键 再Open  With Live Server

（此文章只为记录本人学习过程中的问题，仅供参考。如有错误或侵权，请联系）

天空的雾
关注
  • 14
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
记录cscode安装live severce后无法做到html网页界面实时更新**
xiangyizhixuexi的博客
05-12 541
记录cscode安装live severce后无法做到html网页界面实时更新 有些朋友在vscode安装了live severce后会出现html网页界面没有进行实时更新的操作。所以以下是我根据网上的资料搜集以及我自己本身的操作推荐几种解决方法。 方法一： 将vscode的代码设置成自动保存，具体操作如下： 打开vscode软件并点击文件 设置成自动保存后即可在html网页界面实时更新 方法二： 打开设置界面 随后将常用设置里的Files: Auto Save设置为：afterDelay 设置完成
【1】VS code 关于live sever扩展插件无法自动刷新的解决方案
weixin_46142047的博客
12-11 6916
【1】VS code 关于live sever扩展插件无法自动刷新的解决方案 问题：在扩展程序中安装了live sever，已经启用，但在使用过曾在不会保存之后自动刷新网页。 1、在电脑本地找到安装插件的路径，将关于live sever的文件全部删除，一般安装路径在： C:\Users\XX.vscode\extensions 注：XX一般为电脑的用户名称 2、打开VS code ，重新安装live sever，重新启动测试；若问题依旧，依次打开： 文件-首选项-设置，找到如图位置点开 3、将如下代码粘
vscode插Live Server不自动刷新的情况
梦若在心就在的博客
04-08 1018
如果是通过终端指令启动的，比如 http-server -p 3000，那么打开的页面是自动刷线的，必须通过鼠标右击启动的方式才可以，特此记录！！
vsCode自动保存与浏览器自动刷新
lklalmq的博客
07-19 3413
四、如果live server 插件打开不是谷歌浏览器，也可以修改\n打开设置 => 工作区 => 扩展区 => Live Server Config => Settings:Custom Browser，选择chrome。二、在编辑的html页面，右键-->open with live sever。三、查看浏览器（直接修改内容，不需要去浏览刷新，保证即可自动刷新）提示：如果下载了插件实现不了，多次重新启动vscode编辑器即可。，点击左下角的扩展下载live sever。
vscode live server无法实时刷新（之前好好的，重装也没用）
最新发布
m0_73665762的博客
06-12 225
我创建文件夹的时候，打开文件夹，然后创建html文件时，vscode自动给我创建了一个.dist文件夹，然后把我创建的文件夹放到了.dist文件夹里，然后，live server就不起作用了。注意不要将html文件放在.dist目录下。正确的（放在根目录下）
macOS+VSCode，LiveServer无法自动刷新网页
gmail139的博客
05-22 3951
macOS+VSCode，LiveServer无法自动刷新网页安装下载新建文件测试解决再次测试 一直以来，把遇到的问题以及解决方式写在有道云笔记上，总觉得不够便于查询，转到CSDN试试。 安装下载 macOS下载VSCode，安装，搜索LiveServer插件并安装。 新建文件 新建test.html文件，保存，在浏览器中打开该文件。 测试 在VSCode中修改内容，查看浏览器中html网页内容有没有自动刷新，结果——没有。 解决 不要手动用浏览器打开test.html文件，而是在VSCode中修改完htm
VSCode Live Server插件 开启了自动刷新，依旧不刷新解决方法
lklalmq的博客
01-17 991
注：AdvanceCustomBrowserCmdLine中的路径为电脑本地安装chrome的启动程序路径。困扰了很久的live sever不能自动刷新的,找了很多教程都没成功,后面终于成功了!2、打开VS code ，重新安装live sever，重新启动测试；问题:live serve插件打开页面后不自动刷新页面,需要自己点刷新。3、将如下代码粘贴到打开的代码中，保存之后重启VS code就可以了。这样重新打开vscode就成功了!文件-首选项-设置，找到如图位置点开。
vs code 使用Live Server跑代码时，浏览器不会自动更新html内容的问题
chord_fish的博客
10-16 6010
给mac os创建了一个新用户后，然后把旧用户的文件都迁移到了新用户上面。之前下的vscode插件也随之不见。 一开始的试错： 重装了Live Server 等系列插件，但是跑代码的时候发现，command+L+O后，浏览器只会出现一次html内容，后续修改的html内容，并不会随着代码的更新而更新。 而且，跑代码的时候，会弹出一个没有超级用户权限的弹窗 1、重装了vscode，无效 2、把mac os的垃圾箱清理了（以为是文件残留的问题），无效 3、以为是权限问题，在网上找了一个通过终端命令copy过来了
解决vscode 中的live server无法刷新的问题
asddsa1233122132的博客
08-29 1508
头秃问题
vscode自动保存后，Live server不能实现刷新解决办法
weixin_56105633的博客
10-02 3653
Live Server插件不能实现刷新问题
解决Vs code插件live Server不能实时刷新问题的一个小建议。
qq_48819849的博客
02-17 583
因为我们刷新网页。首先需要我们Ctrl+s保存代码的。然后live Server才会进行实时更新。(我当时真是蠢到家了。)
vscode：VSCode插件
02-06
Live Server插件则提供了实时预览功能，代码保存后网页会自动刷新。 总的来说，VSCode的插件系统极大地扩展了其基础功能，满足了开发者多样化的需求。无论是语言特性支持、代码质量和风格检查、调试工具，还是项目...
vscode常用插件压缩包
07-13
- `Live Server`：提供实时预览网页的功能，对前端开发者非常有用。 - `HTML CSS Support` 和 `Auto Close Tag`：增强HTML和CSS的支持，提供自动闭合标签和属性提示。 6. **Python开发**： - `Python`：官方的...
LiveServer.jl：具有用于Julia的实时重载功能的简单开发服务器
02-04
`LiveServer.jl` 可以很好地与各种Julia IDE和代码编辑器集成，例如VSCode的Julia插件，通过这些工具可以实现代码编辑、运行和调试的一体化体验。 ### 7. 拓展与自定义 `LiveServer.jl` 是可扩展的，允许开发者...
vscode插件离线安装包
08-30
2. **ritwickdey.LiveServer-5.7.9.vsix**: Live Server 是一个实时预览服务器插件，可以在本地启动一个 Web 服务器，并实时刷新浏览器，每当你的 HTML、CSS 或 JavaScript 文件发生变化时，无需手动刷新，极大地...
Live Server Web Extension-crx插件
04-02
这是一个浏览器扩展，可帮助您为动态页面的实时重新加载功能 直播服务器 - 使您的现有服务器Live - 这是一个Web扩展，可帮助您实现动态内容的Live Reload功能（PHP，节点 .js，aspnet - 无论如何，没关系）。 此...
VSCode live server 插件 实现 Html 网页代码修改效果实时预览
CyrusZhou的专栏
10-21 1722
1、安装 live server 插件，打开 Extensions -> 搜索 live server 点 install ，安装完成需要重启VSCode 2、使用方式，重启后直接点又下角的Go Live 修改完代码Ctrl+S保存代码就可以看到效果了。
分享给前端小白的超好用的vscode插件
qq_43720551的博客
06-18 632
分享一个超级好用的vscode插件，live server。
Mac端，VS code （HTML页面）关于live sever扩展插件无法自动刷新的解决方案
weixin_42403745的博客
11-19 722
1、LiveServer是只能识别标准HTML结构体，也就是说，必须要有明确的HTML结构(也就是说，必须要有<html> 、<head> 、<body>这些标签才可以)太TM坑了，愣是看了一下午；VsCode插件live sever浏览器不自动刷新问题排查。
vscode插件liveserver
03-16
liveserver是一款非常实用的VSCode插件，它可以帮助开发者在本地快速启动一个本地服务器，以便于在浏览器中实时预览网页的效果。使用liveserver插件，开发者可以省去手动刷新浏览器的麻烦，从而提高开发效率。此外，liveserver还支持自动保存文件并刷新页面，以及在多个浏览器中同时预览网页的功能，非常方便实用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值