You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode中Live Server无法实时显示代码结果问题求助

离线安装Live Server后实时刷新失效的解决办法
  • 检查Live Server核心刷新设置
    打开VS Code设置(快捷键Ctrl+,),搜索live server auto refresh,将Live Server: Auto Refresh设为on,同时确保Live Server: Refresh On Save处于勾选状态。离线安装时这类基础配置可能出现异常,先确认开关没问题。

  • 排查文件监听状态
    修改代码并保存后,打开VS Code的输出面板(快捷键Ctrl+Shift+U),切换到“Live Server”输出通道,查看是否有文件变更的日志记录。如果完全没有日志输出,大概率是VS Code缺乏文件监听权限,右键以管理员身份运行VS Code再测试。

  • 清理Live Server临时缓存
    关闭Live Server后,找到VS Code扩展缓存目录(Windows路径一般为%USERPROFILE%\.vscode\extensions\ritwickdey.liveserver-<对应版本号>\temp),删除该目录下所有文件,重新启动Live Server。离线安装的扩展容易残留异常缓存导致刷新失效。

  • 禁用浏览器缓存
    浏览器可能缓存了旧页面资源,按F12打开开发者工具,在“网络”面板勾选“禁用缓存”选项,或按Ctrl+Shift+R强制刷新页面,测试修改内容是否能正常显示。

  • 重新安装兼容版本的VSIX
    若以上方法都无效,可能是你安装的Live Server VSIX版本与当前VS Code不兼容。找到与你VS Code版本匹配的Live Server安装包,卸载现有扩展后重新安装对应的VSIX文件。

内容的提问来源于stack exchange,提问作者Mojtaba Mokhtari

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 05:01:41