Visual Studio Code

Visual Studio Code と node.js で JavaScript をデバッグ実行する方法

2017年8月23日

１．node.js をインストールします。

２．Visual Studio Code をインストールします。

３．任意のフォルダにデバッグ対象となる js ファイルを生成します。
（ここでは仮に app.js とします。）

４．Visual Studio Code の「デバッグ」ボタンを押して、「launch.json を開く」ボタンを押します。

５．launch.json の configurations - program に "${workspaceRoot}/app.js" と記述します。

{
    // Use IntelliSense to learn about possible Node.js debug 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",
            "program": "${workspaceRoot}/app.js"
        }
    ]
}

６．Visual Studio Code で app.js を開き、ブレークポイントを設定、もしくは app.js 内に debugger キーワードを記述します。

７．「Launch Program」ボタンをクリックするとデバッグが開始します。

実行結果：

-Visual Studio Code