VSCodeから編集中のHTMLファイルをブラウザに開かせるには

目的

  • 編集中のHTMLをブラウザで表示したい

方法

  • コマンドパレットを開く(cmmand+shift+Pなど)
  • Configure Task Runnerと入力する
  • 開いたtasks.jsonを以下の内容に変更、保存する
{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "open",
            "type": "shell",
            "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
            "args": [
                "${file}"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}
  • 開きたいHTMLのタブでcmd+shift+B

参考リンク