Ubuntu系统下如何配置VSCode，使运行时用Firefox打开HTML文件

下面是两种适合新手的配置方法，选一种即可：

方法1：用Code Runner扩展（最简便） #

• 打开VSCode，左侧点击「扩展」面板（方块堆叠图标），搜索Code Runner并安装。
• 打开VSCode设置：按快捷键Ctrl+,，或点击左下角齿轮图标选择「Settings」。
• 在设置搜索框输入code-runner.executorMap，找到该选项后点击「Edit in settings.json」。
• 在打开的settings.json中，找到"html"对应的配置行，修改为：

  "html": "firefox $fullFileName"
  

• 保存settings.json完成配置。

方法2：用VSCode内置任务（无需扩展） #

• 打开目标HTML文件，按快捷键Ctrl+Shift+B，选择「Create tasks.json file from template」，再选「Others」。
• 将生成的tasks.json内容替换为：

  {
      "version": "2.0.0",
      "tasks": [
          {
              "label": "Open in Firefox",
              "type": "shell",
              "command": "firefox ${file}",
              "group": {
                  "kind": "build",
                  "isDefault": true
              },
              "problemMatcher": []
          }
      ]
  }
  

• 保存后，按Ctrl+Shift+B即可直接用Firefox打开当前HTML文件。若想绑定到右上角运行按钮，可在设置中搜索run tasks调整快捷键绑定。

前置检查 #

如果你的Ubuntu未安装Firefox，打开终端执行以下命令安装：

sudo apt update && sudo apt install firefox

测试：打开任意HTML文件，点击右上角运行按钮（三角形图标），Firefox会自动启动并加载该文件。

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