ホームページ >開発ツール >VSCode >vscode でブレークポイントを使用して Nodejs をデバッグする方法

vscode でブレークポイントを使用して Nodejs をデバッグする方法

青灯夜游
青灯夜游転載
2021-05-14 11:24:572730ブラウズ

vscode でブレークポイントを使用して Nodejs をデバッグする方法

通常のフロントエンド開発では、ブラウザ上のブレークポイントを使用してフロントエンド コードを簡単にデバッグできます。そのため、ノード バックエンド インターフェイスをデバッグしたい場合は、ブレークポイント デバッグを実装する方法を説明します。 ?

構成

vscodeノード プロジェクトを開き、左側のデバッグ ボタンをクリックします

vscode でブレークポイントを使用して Nodejs をデバッグする方法

[実行]をクリックして、デバッグ

vscode でブレークポイントを使用して Nodejs をデバッグする方法

言語をnodejsとして選択します

vscode でブレークポイントを使用して Nodejs をデバッグする方法

#設定ボタンをクリックして構成を追加します

vscode でブレークポイントを使用して Nodejs をデバッグする方法

[推奨学習:「

vscode チュートリアル 」]

lanuch.json 構成ファイルを変更する

vscode でブレークポイントを使用して Nodejs をデバッグする方法# #独自のプロジェクト起動スクリプト ファイルと構成を追加します

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "env": {
                "NODE_ENV": "development"
            },
            "program": "${workspaceFolder}/bin/www"
        }
    ]
}
//program这个是我自己的node项目的启动文件

ブレークポイント デバッグ ボタンを再度クリックしてブレークポイント デバッグを開始します

vscode でブレークポイントを使用して Nodejs をデバッグする方法起動プログラムを直接クリックして開始しますブレークポイントのデバッグ

vscode でブレークポイントを使用して Nodejs をデバッグする方法ブレークポイントが必要なコードの左側にブレークポイント マークを直接配置します。実行メソッドによって自動的にブレークポイントがトリガーされます

その後、上の [デバッグ] ボタンをステップバイステップ ブレークポイントに渡しますvscode でブレークポイントを使用して Nodejs をデバッグする方法

##マウスを移動するとブレークポイント データを確認することもできます

vscode でブレークポイントを使用して Nodejs をデバッグする方法

もちろん、ブレークポイント データを出力するデバッグ コンソール コンソールの結果は、ブラウザ ブレークポイント コンソール console

vscode でブレークポイントを使用して Nodejs をデバッグする方法

If と同等にすることもできます。ブレークポイントを終了したい場合は、上の一時停止ボタンをクリックしてください。

vscode でブレークポイントを使用して Nodejs をデバッグする方法

上記は、vscode ブレークポイント設定全体とブレークポイントのデバッグに関するチュートリアルです。

vscode でブレークポイントを使用して Nodejs をデバッグする方法詳細はこちらプログラミング関連の知識については、

プログラミング入門

をご覧ください。 !

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

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。