VS Code 中“在浏览器中打开”无反应，需先安装 live-server 或 Live Server 插件；检查文件类型是否为 HTML、端口是否被占用、路径引用是否正确，并可配置自定义浏览器。
VS Code 里点“在浏览器中打开”没反应？先查 live-server 装没装
VS Code 本身不带网页运行能力，所谓“在浏览器中运行”其实是靠插件或命令行工具实现的。最常用的是 live-server，但它不是 VS Code 自带的，必须手动装。没装就点右键菜单里的“Open with Live Server”，自然没反应——连进程都没起来。
实操建议：
- 终端里运行
npm install -g live-server（确保已装 Node.js） - 装完重启 VS Code，再右键 HTML 文件，应该能看到“Open with Live Server”选项
- 如果还是不显示，检查插件是否启用：搜索并安装官方插件
Live Server（作者：ritwickdey），它会把live-server命令封装进右键菜单 - 别用
python -m http.server替代——它不支持自动刷新，也不处理前端路由（比如/user/123刷新 404）
右键菜单没有“Open with Live Server”？检查文件类型和插件绑定
这个菜单项只对特定后缀生效，默认是 .html、.htm，但如果你在写 .vue 或 .svelte，或者文件没后缀、后缀名被 VS Code 误判为其他语言（比如把 index 当成纯文本），菜单就不会出现。
实操建议：
- 右下角看 VS Code 窗口右下角的语言模式，点击它，选“HTML”（哪怕文件没后缀）
- 插件
Live Server的设置里可以自定义支持的文件类型：打开设置搜liveServer.settings.CustomBrowser，或直接改settings.json加上："liveServer.settings.FileExtension": { "html": "html", "vue": "html", "svelte": "html" } - 别依赖“直接双击 HTML 文件用浏览器打开”——那样不会起本地服务，跨域、相对路径、ES Module 都可能出问题
点了“Open with Live Server”但页面空白或报错？看控制台和端口冲突
常见现象是浏览器打开放了个空页，地址栏显示 http://127.0.0.1:5500/xxx.html，但控制台报 net::ERR_CONNECTION_REFUSED 或加载资源 404。大概率是端口被占，或者路径引用写死了绝对路径。
实操建议：
- 默认端口是
5500，如果另一个程序（比如另一个 VS Code 窗口、Docker 容器、甚至某个游戏）占了它，Live Server会自动换到5501，但浏览器不会自动跳转——要手动改地址栏端口号 - 检查浏览器控制台（F12 → Console / Network），看哪个 JS/CSS 请求 404；常见原因是
<script src="/js/app.js"></script>写了根路径，而Live Server是以当前文件夹为根启动的，应改成./js/app.js - 关掉所有其他本地开发服务（尤其是另一个
live-server进程），用lsof -i :5500（macOS/Linux）或netstat -ano | findstr :5500（Windows）查端口占用
想用 Chrome 而不是默认浏览器打开？改 liveServer.settings.CustomBrowser
Live Server 插件默认调系统默认浏览器，但开发时往往需要固定用 Chrome（比如调试 PWA、Service Worker），这时候不能靠系统设置，得配插件参数。
实操建议：
- 打开 VS Code 设置（Ctrl+,），搜
liveServer.settings.CustomBrowser，设值为"chrome" - Windows 下如果 Chrome 不在标准路径，可指定完整路径：
"liveServer.settings.CustomBrowser": "C:\Program Files\Google\Chrome\Application\chrome.exe"
- Mac 和 Linux 用户注意大小写：
"chrome"可以，但"Chrome"或"CHROME"会失败 - 别在
launch.json里折腾——那是给 Debugger 用的，跟Live Server无关
