我之前也碰到过一模一样的坑，折腾了好一阵才找到解决思路，给你列几个实用的排查和修复步骤：

1. 检查Live Server核心自动刷新配置 #

打开VS Code设置（快捷键Ctrl+,），搜索live server settings，重点确认这几个选项：

• 确保「Live Server: Enable Auto Refresh」处于勾选状态——这是自动刷新的核心开关，别不小心误关了
• 查看「Live Server: Ignore Files」列表，有没有误添加你正在编辑的文件类型（比如.html、.css），要是加进去了，自然不会触发刷新
• 尝试关闭「Live Server: Use Local Ip」选项，有时候用本地IP会导致WebSocket连接异常（Live Server的自动刷新就是靠WebSocket推送变更通知）

2. 排查Chrome的缓存与权限问题 #

浏览器的缓存或权限限制也可能搞破坏：

• 打开Chrome开发者工具（F12），切换到「Network」标签，勾选「Disable cache」（禁用缓存），刷新页面后再修改内容测试
• 检查开发者工具的「Console」面板，有没有WebSocket connection failed这类报错，如果有，试试把Live Server的端口改成默认5500之外的数值（比如5501，在设置里修改「Live Server: Port」）

3. 验证项目文件夹的权限与结构 #

• 别把项目放在系统受保护目录里（比如C:\Program Files、C:\Users\你的用户名\Documents），这类目录的权限限制可能导致Live Server无法监听文件变更，把项目移到普通文件夹（比如D:\Projects）试试
• 新建一个极简测试项目（只放一个index.html文件），测试是否能正常自动刷新，排除项目文件过多、嵌套过深导致的监听异常

4. 手动配置settings.json强制指定Chrome #

如果上面的方法都没用，直接编辑settings.json文件，添加以下配置：

{
  "liveServer.settings.CustomBrowser": "chrome",
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "--incognito",
  "liveServer.settings.NoBrowser": false,
  "liveServer.settings.useWebExt": false
}

用--incognito启动Chrome无痕模式，可以避免浏览器插件、缓存的干扰，同时强制指定Chrome为默认启动浏览器。

5. 最后一招：解除VS Code文件监听限制 #

Windows系统可能限制VS Code监听文件变更的数量，试试右键VS Code图标→「属性」→「兼容性」→勾选「以管理员身份运行此程序」，重启VS Code后再测试。

要是以上方法都无效，也可以试试微软官方的「Live Preview」扩展，稳定性相对更好。

内容的提问来源于stack exchange，提问作者Ali Hassnain