Live Server不读VS Code设置，只调用系统默认浏览器；想右键用Chrome打开HTML文件，应安装Open in Browser插件并配置open-in-browser.default为chrome。
Live Server 默认不走 VS Code 设置，只认系统默认浏览器
点右键选 Open with Live Server 却弹出 Edge 或 Firefox？不是插件坏了，是它根本没读你的 settings.json。Live Server 启动后调用的是操作系统级命令（start http://... 或 open http://...），最终由 Windows/macOS/Linux 自己决定用谁打开。
解决方法只有两个：
- 把 Chrome 设为系统默认浏览器（Windows：设置 > 应用 > 默认应用；macOS：系统设置 > 桌面与程序坞 > 默认网页浏览器）
- 不用 Live Server 的自动弹窗，手动访问
http://127.0.0.1:5500/xxx.html（确保 Live Server 已运行）
别在 Live Server 扩展设置里填 Custom Browser 路径——Windows/macOS 上大概率失效，Linux 才较可靠。
想右键直接用 Chrome 打开 HTML 文件？装 Open in Browser 插件
这个需求和 Live Server 无关，得靠 Open in Browser（作者 techer）插件。它注册了右键菜单命令，且能绕过系统默认设置，直连 Chrome 进程。
立即学习“前端免费学习笔记（深入）”；
关键操作步骤：
- 必须安装作者为 techer 的版本，其他同名低分插件不支持
open-in-browser.default配置 - 安装后按
Ctrl+Shift+P输入Open in Default Browser，搜不到就说明没激活，需卸载重装 - 配置项
open-in-browser.default必须填合法值：chrome（Windows PATH 中有 chrome.exe）、google-chrome（macOS brew 安装）、或完整路径如C:\Program Files\Google\Chrome\Application\chrome.exe - 右键菜单只对已保存的
.html文件生效；未保存的Untitled-1或语言模式不是 HTML 时不会出现
用 Debugger for Chrome 调试 HTML？别配错 launch.json
如果你点“运行”报 Unable to connect to localhost，大概率是 .vscode/launch.json 里写了 url: "http://localhost:8080" 却没真起服务。这种配置适合调试 Node.js 后端，不是给纯 HTML 用的。
正确做法是改用 file:// 协议直接加载本地文件：
{
"name": "Open index.html in Chrome",
"request": "launch",
"type": "chrome",
"file": "${workspaceFolder}/index.html",
"runtimeExecutable": "chrome"
}
注意：
-
runtimeExecutable值必须是系统能识别的命令，chrome、msedge、firefox均可，但不能写成Google Chrome.app或带空格路径 -
${workspaceFolder}/index.html要替换成你实际的文件名，比如about.html - 删掉所有含
url和webRoot的字段，否则可能冲突
React/TSX 项目别硬套 Live Server
Open with Live Server 对 .tsx 或 .jsx 文件完全无效——浏览器看不懂这些语法，必须先编译。你右键点 index.html 得到的只会是白屏，因为里面只有一个 <div id="root"></div>，没 React 运行时。
正确流程只有两个命令：
-
npm install：第一次进项目必须执行，装react、vite或webpack等依赖 -
npm run dev：启动开发服务器（Vite 默认端口http://127.0.0.1:5173，Create React App 是3000）
这时候再手动把 Chrome 切到那个地址，而不是指望右键菜单。Live Server 插件对这类项目没有任何作用，装了也白装。
