vsコードでnode.jsアプリケーションをデバッグする方法

Launch.jsonファイルを構成して、デバッグ環境を設定して、プログラムフィールドがメインエントランスファイルを指していることを確認します。 2.起動モードを使用して、スクリプトを直接起動し、ARGSおよびENVパラメーターで渡します。 3。添付モードを使用して、ノードを介して開始された実行プロセスに接続します-INSPECT; 4.NPMスクリプトをデバッグする場合、runtimeexecutableをNPMに設定し、統合末端を有効にします。 5.ブレークポイント、条件付きブレークポイント、可変チェック、式評価、および自動アタッチの有効化により、デバッグ効率を改善します。 6.問題が発生した場合は、パス、スタートアップパラメーター、ポートマッチング、SourceMapsの構成を確認し、デバッグセッションを再起動して、最終的にシームレスなデバッグを実現します。

環境を正しくセットアップすると、vsコードでnode.jsアプリケーションをデバッグすることは簡単です。 VSコードに組み込まれたデバッガーは、変数を検査し、ブレークポイントを設定し、コードをステップスルーし、表現を評価する強力な方法を提供します。

デバッグ構成を設定します

デバッグを開始するには、起動構成が必要です。 VSコードは、プロジェクトルートの.vscodeフォルダー内にlaunch.jsonファイルを使用します。

1. vsコードでnode.jsプロジェクトを開きます。
2. 実行およびデバッグビュー（Ctrl Shift DまたはCMD Shift D）に移動します。
3. [Launch.jsonファイルを持っていない場合は、 [起動]ファイルの作成をクリックします。
4. 環境としてnode.jsを選択します。

これにより、デフォルトのlaunch.jsonが生成されます。

 {
  「バージョン」：「0.2.0」、
  「構成」：[
    {
      「タイプ」：「ノード」、
      「リクエスト」：「起動」、
      「名前」：「インデックスの起動」、
      「プログラム」： "$ {workspacefolder} /index.js"
    }
  ]
}

programフィールドがメインエントリファイル（例： app.js 、 server.jsなど）を指していることを確認してください。

一般的なデバッグシナリオ

スクリプトを起動してデバッグします

launchモードを使用して、デバッガーからアプリを直接起動します。

 {
  「タイプ」：「ノード」、
  「リクエスト」：「起動」、
  「名前」：「サーバーを開始」、
  「プログラム」： "$ {workspacefolder}/server.js"、
  「args」：["-port"、 "3000"]、
  「env」：{
    「node_env」：「開発」
  }
}

• args ：コマンドラインの引数を渡します。
• env ：環境変数を定義します。

この構成を選択し、F5を押してデバッグセッションを開始します。

実行中のnode.jsプロセスに接続します

アプリが既に実行されている場合（例えば、端末から開始）、 attachモードを使用します。

まず、検査を有効にしてアプリを起動します。

 node -inspect server.js
＃または最初の行での破壊のため：
node-inspect-brk server.js

次に、このlaunch.json構成を使用します。

 {
  「タイプ」：「ノード」、
  「リクエスト」：「添付」、
  「名前」：「ポートへの添付」、
  「ポート」：9229
}

VSコードは、ポート9229（デフォルトのデバッグポート）のnode.jsプロセスに接続します。ブレークポイントを設定して、ランタイム状態を検査できます。

NPMスクリプトをデバッグします

nodeを直接呼び出す代わりに、 package.jsonで定義されているスクリプトをデバッグできます。

 {
  「タイプ」：「ノード」、
  「リクエスト」：「起動」、
  「名前」：「デバッグスタート」、
  「runtimeexecutable」：「npm」
  「runtimeargs」：["run"、 "start"]、
  「コンソール」：「統合末端」、
  「ポート」：9229
}

• npmを指定するには、 runtimeExecutableを使用してください。
• console: "integratedTerminal" 、ターミナルに出力が表示されることを保証します。これは、インタラクティブなアプリに役立ちます。

startスクリプトがノードを実行していることを確認してください--inspect必要に応じてインクペクトしてください。

効果的なデバッグのためのヒント

• ライン番号の横にある左マージンをクリックするか、F9を押してブレークポイントを設定します。
• ブレークポイントを右クリックして条件を設定することにより、条件付きブレークポイントを使用します（例： user.id === 123 ）。
• 変数ペインまたは監視ウィンドウの変数を検査します。
• デバッグコンソールを使用して、ブレークポイント中に式を評価するか、関数を呼び出します。
• 単純なケースのために自動アタッチを有効にします：
  Ctrl Shift P → "DEBUG：トグルオートアタッチ"→「常に」を選択します。
  これで、統合された端子から開始されたnodeスクリプトは、自動アタッチになります。

一般的な問題のトラブルシューティング

• ブレークポイントがヒットしませんか？
  programパスが正しく、ファイルが実際に実行されていることを確認してください。 --inspect-brkを使用して起動を一時停止します。

• 接続時に接続できませんか？
  node.jsプロセスが開始--inspectれたことを確認し、ポートが一致することを確認します。

• ソースマップが機能していませんか？
  TypeScriptまたはBundlersを使用している場合は、 "sourceMaps": true追加します。

   「Resolvesourcemaplocations」：[
    "$ {workspacefolder}/**"、
    「！**/node_modules/**」
  ]

• 変化は反映されていませんか？
  デバッガーは、コードの特定のバージョンを実行します。ファイルウォッチャーを使用しない限り、変更を保存した後にデバッグセッションを再起動します。

基本的に、適切なlaunch.jsonセットアップを使用すると、VSコードは、ほとんどのnode.jsアプリのシームレスなデバッグエクスペリエンスを提供します。

以上がvsコードでnode.jsアプリケーションをデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。