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

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

2.Visual Studio Code をインストールします。

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

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

5.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"
        }
    ]
}

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

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

実行結果:

コメント

このブログの人気の投稿

PHP クリックされたボタンに応じて処理を実行する

JavaScript Date(日付) データを yyyy/MM/dd 形式にフォーマットする

jQuery ページ初期表示時に処理を実行