VisualStudioCodeでNode.jsのサーバコードをデバッグする

やりたいこと
環境
デバッグ
結果
参考にさせていただいたサイト

やりたいこと

Node.jsでHTTPサーバを実装した際にVisualStudioCodeでデバッグします。

環境

Node.js　v20.16.0

VisualStudioCode　1.94.2

デバッグ

Fileメニューから”Open Folder…”を選択して、プロジェクトのあるフォルダを開きます。

画面左の”Run and Debug”をクリックして”Create a Launch.json file”をクリックします。

画面上部に以下のプルダウンが表示されるのでNode.jsを選択します。

しばらく待つと以下の内容でLaunch.jsonがプロジェクトフォルダ/.vscodeに作成されます。

program：の値はプロジェクトにより異なります。またサーバサイドのエントリポイントと異なるファイルの場合はサーバサイドのエントリポイントのJavaScriptファイルに書き換えます。

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}\\server.mjs"
        }
    ]
}

アプリケーションの実行

画面左上のLaunch Progarmアイコンをクリックします。

Debug

コードの行数の左側をクリックするとBreakPointを設定できます。

Breakした後はChromeのDeveloperツールと同様にコールスタックや変数を確認することができます。

アプリの終了

画面上部のStopアイコンをクリックするとアプリケーションが終了します。

結果

Node.jsのサーバ側のコードをデバッグすることができました。

参考にさせていただいたサイト

Visual Studio CodeでNode.jsデバッグ - Qiita

#Visual Studio CodeVisual Studio CodeでNo…