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

青灯夜游
リリース: 2021-06-02 19:45:44
転載
2680 人が閲覧しました

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート