Live Server插件需手动安装启用且仅支持.html文件；路径须无中文/空格，端口可能被占用，热更新依赖文件系统监听。
Live Server 插件没装对，或者装了但没启用
VSCode 里右键没有 Open with Live Server，最常见原因是插件根本没装，或者装了但被禁用了。Live Server 是第三方插件，不是 VSCode 自带功能，必须手动安装并确保处于启用状态。
- 打开 VSCode，点击左侧扩展图标（或按
Ctrl+Shift+X），搜索Live Server，认准作者是Ritwick Dey的那个（图标是 ?） - 点“Install”，安装完成后检查右下角是否弹出“Extension activated”提示；没弹的话，点扩展面板里的齿轮图标 → “Enable”
- 如果之前装过但一直不显示，试试禁用再启用一次，或者重启 VSCode —— 插件激活有时卡在缓存里
右键菜单不出现，是因为当前文件不满足启动条件
Live Server 不会为所有文件提供右键菜单项，它只对能被浏览器直接运行的静态资源生效。比如你右键一个 .js 或 .css 文件，菜单里就不会有 Open with Live Server；只有 HTML 文件（或某些配置允许的入口文件）才触发。
- 必须右键点击的是
.html文件（如index.html），且该文件保存在磁盘上（不能是未保存的临时标签页） - 文件路径不能含中文、空格或特殊符号（例如
D:\我的项目\test.html可能失败；建议先挪到C:\demo\index.html测试） - 如果项目根目录下没有
index.html，但你想用别的文件（比如main.html）启动，Live Server 默认不识别——需要手动在命令面板中调用：Ctrl+Shift+P→ 输入Live Server: Open with Live Server
Live Server 启动后页面空白或报错 net::ERR_CONNECTION_REFUSED
这说明服务确实没跑起来，或者被其他程序占了端口。Live Server 默认用 5500 端口，如果 Chrome 已经开着一个本地服务、或者有其他开发工具（如 Python 的 http.server）占着，就会冲突。
- 看 VSCode 右下角状态栏：如果看到
Go Live按钮亮起，说明服务已运行；如果没反应，点它试试 - 检查终端输出：启动时 VSCode 底部会弹出一个 Terminal 标签页，显示类似
Starting Live Server on http://127.0.0.1:5500；如果没有，说明启动失败 - 改端口：在 VSCode 设置里搜
liveServer.settings.port，改成比如8080或3000，避免冲突 - 防火墙/杀毒软件偶尔会拦截本地服务，临时关闭试试（尤其国内某些安全软件）
为什么改了代码页面不自动刷新？
Live Server 的热更新不是魔法，它依赖文件系统事件监听。某些场景下监听会失效，比如用 Git 切换分支、编辑器保存方式异常、或者文件在 WSL 路径下但 VSCode 在 Windows 下打开。
- 确认右下角状态栏显示
Live Server正在运行（不是灰色的Go Live） - 检查设置里
liveServer.settings.donotShowInfoMsg是否为 true —— 如果关了提示，你可能根本不知道它已经崩了 - 保存文件时必须用
Ctrl+S（或 Cmd+S），别只靠编辑器自动保存（files.autoSave设为afterDelay有时会漏触发） - 如果项目在 OneDrive、iCloud 或某些加密同步盘里，文件系统事件可能被屏蔽，建议移到本地普通路径再试
Live Server 表面简单，但实际依赖插件状态、文件类型、路径合法性、端口可用性、系统事件监听多个环节，任一环断掉都会表现为“右键没选项”或“点了没反应”。调试时优先看右下角状态栏和终端输出，比反复重装插件更有效。
