VS Code Live Server无法自动刷新，开启自动保存仍无效求助

开发者阿泽

2026-6-28

解决VS Code Live Server无法自动刷新页面的问题

检查Live Server核心设置
打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索live server auto refresh，确保Live Server: Auto Refresh是勾选状态。同时检查Live Server: Ignore Files列表，确认你的HTML/CSS文件没被加入忽略规则里。
确认自动保存的正确配置
虽然你开了自动保存，但要选对模式：搜索files.autoSave，设置为afterDelay，再把files.autoSaveDelay调到1000毫秒以内（比如200ms），这样修改后文件会立刻保存，触发Live Server的刷新机制。
核对项目打开方式和文件路径
Live Server默认以当前打开的文件夹为根目录，如果你只打开了单个HTML文件而非整个项目文件夹，很可能出问题。确保在VS Code中打开的是项目根文件夹。另外，HTML里的CSS、JS引用要用相对路径，绝对路径会导致Live Server监听不到变化。
重启相关进程
右键点击编辑器底部的Go Live按钮，选择Stop Live Server后重新启动。如果还是不行，完全关闭VS Code再打开，有时候插件进程会卡住。
排查浏览器端问题
浏览器缓存可能保留了旧页面，试试Ctrl+Shift+R强制刷新，或者打开开发者工具勾选“禁用缓存”。另外，暂时关掉广告拦截、隐私类浏览器插件，这类插件可能会阻止Live Server的自动刷新脚本。
重置Live Server插件设置
打开扩展面板找到Live Server，点击齿轮图标选Extension Settings，再点右上角的Reset Settings恢复默认，之后重新配置需要的选项。