vscodeでjsをデバッグする方法

vscode はどのようにして js をデバッグしますか?

JavaScript コードをデバッグする場合、比較的単純な方法が 2 つあります。

1. Chrome などのブラウザを使用してデバッグする

2. vscode で JavaScript 実行環境を構成する

この記事では主に 2 番目の方法を紹介します

構成手順:

1. Node.js をダウンロードしてインストールします (Node.js は JavaScript の実行環境です)

これは、Node.js 公式 Web サイトまたは中国語 Web サイトで見つけることができます

2 .vscode の構成

vscode の [デバッグ] ボタンをクリックして launch.json ファイルを開きます (または Ctrl Shift P を使用して launch.json と入力します)

#追加

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]

注 : ${workspaceRoot} は、現在のプログラム作業の絶対パスです。

3. デバッグ

新しいjsファイルを作成し、launch.json内のプログラム中の1.jsをデバッグしたいファイル名に変更し、変更したファイルを絶対パス配下に置きます。

(function name(params) {
    console.log("message");
})();

F5 を使用してデバッグし、

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message

デバッグ成功

関連する推奨事項:

vscode チュートリアル

以上がvscodeでjsをデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。