vs code 默认无右键“在浏览器中打开”功能，需安装 open in browser 扩展；但直接打开 file:// 会因安全策略导致 api 失效，应使用 live server 启动本地 http 服务。
VS Code 右键菜单没有“在浏览器中打开”选项
默认安装的 VS Code 不提供右键直接在浏览器运行 HTML 文件的功能，这是设计使然——它不内置 Web 服务器，也不自动注册系统右键菜单。你看到的“在浏览器中打开”通常来自第三方扩展，不是原生能力。
实操建议如下：
- 安装官方推荐扩展
Open in Browser（作者：techer），它轻量、无依赖、更新活跃 - 不要装名字类似但评分低、权限异常的扩展（比如要求“读取所有网站数据”的伪插件）
- 安装后重启 VS Code，右键任意
.html文件，会出现Open in default Browser和多个浏览器专属项（如Open in chrome） - 该扩展只对当前工作区内的文件生效；如果右键没反应，检查是否在资源管理器中点击了文件夹而非文件本身
点击后页面空白或报错 net::ERR_FILE_PROTOCOL_UNKNOWN
这是最常被忽略的问题：直接用浏览器打开本地 file:// 协议的 HTML，一旦用了 fetch、import、localStorage 等 API，Chrome/edge 会因安全策略拒绝执行。
正确做法是启动一个本地 HTTP 服务，而非“打开文件”：
- 在终端进入项目目录，运行
npx http-server -c-1（需提前装http-server） - 或者用 VS Code 内置命令：按
Ctrl+Shift+P（windows/linux）或Cmd+Shift+P（macos），输入并选择Live Server: Open with Live Server -
Live Server扩展更推荐，它自动起http://127.0.0.1:5500/xxx.html，绕过file://限制，且支持热重载 - 注意：
Open in Browser是“打开文件”，Live Server是“启动服务并访问”，二者定位不同，别混用
如何让右键菜单固定显示某个浏览器（比如 Edge 而非 Chrome）
扩展默认按系统默认浏览器来，但你可以强制指定。以 Open in Browser 为例，它支持配置项：
- 打开 VS Code 设置（
Ctrl+,），搜索openInBrowser.default - 修改为
edge（小写，不是microsoft Edge）；可选值还有chrome、firefox、safari - 若改完不生效，确认没拼错——例如写成
Edge或msedge都无效 - macOS 用户注意：
safari配置仅在 Safari 设为默认时才可靠；其他浏览器需确保已安装且路径被系统识别
为什么有些 HTML 文件右键没出现浏览器选项
不是所有文件都会触发该菜单，VS Code 严格依赖文件关联和语言模式：
- 文件后缀必须是
.html或.htm；.xhtml、.php、.vue默认不支持（除非扩展额外声明） - 右键前先点开该文件，看右下角状态栏是否显示
HTML；如果显示Plain Text或PHP，说明语言模式没识别对，点击切换为HTML - 某些工作区禁用了扩展（比如设置了
"extensions.ignoreRecommendations": true），检查设置里是否有相关限制 - 远程开发（ssh/WSL）场景下，扩展需在远程端安装，本地装了也没用
真正卡住人的，往往不是“怎么装”，而是没意识到 file:// 和 http:// 的行为差异，以及 VS Code 的语言模式和扩展作用域边界。多看一眼状态栏的语言标识，比反复重装扩展有用得多。