【メモ】Visual Studio CodeでのJavaScriptのデバッグ

毎度忘れるのでメモ

1. 事前に拡張機能のLive Serverをインストールする。
2. index.htmlとscript.jsのHTML/JavaScriptのニコイチを用意する。
4. script.jsのコードのどこかにF9でブレークポイントを設置
5. index.htmlをF5でデバッグする
6. launch.jsonが起動するので、以下のように設定する。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome Local Debug",
            "url": "http://localhost:5500/index.html",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

5500のポートはlive Serverのポート