如何在VSCode中无需插件设置F12快捷键打开HTML文件至默认浏览器

以下是实现步骤，完全无需第三方插件：

1. 配置tasks.json #

在你的项目的.vscode文件夹下创建或修改tasks.json文件，添加以下内容：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Open in Default Browser",
      "type": "shell",
      "command": "${os == 'Windows' ? 'start' : os == 'Darwin' ? 'open' : 'xdg-open'}",
      "args": ["${file}"],
      "presentation": {
        "reveal": "never",
        "panel": "hidden",
        "showReuseMessage": false
      },
      "problemMatcher": []
    }
  ]
}

• command部分会根据操作系统自动调用对应命令（Windows用start、Mac用open、Linux用xdg-open），直接唤起默认浏览器打开当前文件
• presentation配置确保运行任务时不会弹出终端面板或询问窗口，实现静默打开

2. 绑定F12快捷键 #

打开VSCode的键盘快捷方式JSON配置（可通过快捷键Ctrl+K Ctrl+S打开快捷键面板，再点击右上角的打开键盘快捷方式(JSON)按钮），添加以下按键绑定：

{
  "key": "f12",
  "command": "workbench.action.tasks.runTask",
  "args": "Open in Default Browser",
  "when": "editorLangId == html && resourceExtname == .html"
}

• when条件限制该快捷键仅在编辑HTML文件时生效，避免误触发
• args指定要运行的任务名称，需和tasks.json里的label完全一致

完成以上配置后，在VSCode中打开任意HTML文件，按下F12就能直接在默认浏览器中打开该文件，不会弹出任何询问窗口。

内容的提问来源于stack exchange，提问作者Shuvojit Das