Visual Studio Code のデバッグ設定

Node.jsでのデバッグの設定方法をメモする

launch.json作成

サイドバーのデバッグボタンからcreate a launch.json fileを選択

Node.jsを選択

.vscodeフォルダとlaunch.jsonが作成される
このファイルに対してデバッグの設定を記述する

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/app/src/index.ts",
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        }
    ]
}

runtimeArgsにデバッグする実行ランタイムを指定する
あとはブレークポイントを貼って、デバッグを実行すればOK

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "TypeScript Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "runtimeArgs": ["-r", "ts-node/register"], # runtimeArgs を追加する
            "program": "${workspaceFolder}/app/src/index.ts",
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        }
    ]
}

Reference

Debugging in Visual Studio Code
Node.js debugging with Visual Studio Code
TypeScript debugging with Visual Studio Code