VS Code 默认无“Open in Browser”右键选项，需安装 Open in Browser 扩展；仅对已保存的 HTML 文件生效，支持快捷键（默认 Alt+Shift+F）和自定义浏览器，但 file:// 协议限制导致 fetch、import 等功能异常，复杂项目应使用 Live Server 扩展启动本地 http 服务。
VS Code 右键菜单里没有“Open in Browser”选项
默认安装的 VS Code 不带右键打开浏览器功能，得靠扩展补上。最常用的是 Open in Browser（作者：techer），轻量、无依赖、支持右键和快捷键，且不改系统默认浏览器行为。
- 在 VS Code 扩展市场搜
Open in Browser，装完重启（或重载窗口） - 确保当前文件是 HTML（
.html或.htm），右键才出现该菜单项 - 如果右键没反应，检查文件是否被识别为 HTML —— 看右下角语言模式，不是就点它手动选
HTML - 该扩展默认用系统默认浏览器打开；想固定用 chrome，可在设置里搜
open-in-browser.default，设为chrome
点了右键却弹出空白页或 404
本质是路径问题：VS Code 默认用 file:// 协议直接打开本地文件，某些 HTML 功能（比如 fetch、模块导入、相对路径资源）会因跨域或协议限制失效。
- 静态页面简单预览没问题；但只要用了
import、fetch('./data.json')或 Service Worker，就会报错 - 别用右键“Open with Live Server”混为一谈——那是另一个扩展，起本地 HTTP 服务，端口默认
5500 - 如果必须走 HTTP，推荐装
Live Server扩展，右键选Open with Live Server，它自动启动http://127.0.0.1:5500/xxx.html - 注意：Live Server 的根目录是当前工作区（
File > Open Folder打开的文件夹），不是文件所在目录
快捷键比右键更快，但容易按错
Open in Browser 扩展默认绑定 Alt+Shift+F（windows/linux）或 Option+Shift+F（macos），但和格式化快捷键冲突，很多人按了没反应。
- 进
File > Preferences > Keyboard Shortcuts，搜open in browser，确认快捷键是否被覆盖 - 可改成更顺手的组合，比如
Ctrl+Alt+V（View in Browser），避免和 Prettier、ESLint 冲突 - 快捷键只对已保存的 HTML 文件生效；未保存的临时文件（
Untitled-1）右键和快捷键都不可用
Mac 上 Chrome 打不开，报错 “The file does not exist”
这是 macOS 的权限机制导致的：VS Code（尤其是通过终端启动的）可能没权限调用 Chrome 的 open 命令，尤其在 M1/M2 芯片机器上。
- 先确认 Chrome 是否安装在
/Applications/Google Chrome.app；如果装在其他位置（比如 Parallels 或自定义路径），扩展找不到它 - 在 VS Code 设置里把
open-in-browser.customBrowser设为空字符串，让扩展退回到系统默认行为 - 或者干脆不指定浏览器，让系统决定——多数情况下更稳
- 如果坚持用 Chrome 且路径异常，可手动写绝对路径，比如
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
实际用起来，右键打开适合快速看结构、样式是否跑偏；真要调试交互逻辑，Live Server 是绕不开的。路径、协议、权限这三块，随便哪块松动，都会卡在“点一下，没反应”。