Um eine node.js -App in VSCODE zu debuggen, erstellen Sie im Ordner .VSCODE eine LORT.JSON -Datei, indem Sie die Auslauf- und Debug -Ansicht ?ffnen und node.js als Umgebung ausw?hlen, und w?hlen Sie dann "Startprogramm" oder "Anh?ngen" basierend auf Ihren Anforderungen, wobei die Feldpunkte für die Feldpunkte wie App.js oder Server.js sicherstellen. 2. Setzen Sie Breakpoints, indem Sie auf die linke Dachrinne neben Zeilennummern klicken. Wenn Sie bei der Ausführung pausieren, verwenden Sie die Debug -Konsole, das Variablen -Panel und rufen Sie Stack auf, um Variablen zu überprüfen, Code durchzusetzen und die Ausdrücke zu bewerten, um sicherzustellen, dass die App über die Debug -Konfiguration gestartet wird und nicht manuell in der Terminal. 3. Für Apps, die bereits auf einem Port ausgeführt werden, verwenden Sie den Anhang-Modus, indem Sie die App mit dem Knoten-Inspect oder NPM Start-Node-Options = "-Inspect", verwenden, dann konfigurieren Sie Start.json mit der Anforderung an "ATTATE" und Port 9229 und aktivieren Sie "Neustart": Richtig zu auto-reconnect w?hrend der Neustarts, besonders nützlich mit Nodemon. 4. Debugug NPM -Skripte direkt, indem Sie RunTimeExexexable auf "NPM" und RunTimeargs auf ["Run", "start"] in stirp.json einstellen, sodass NPM -Start- oder NPM -Test unter dem Debugger ausgeführt werden kann, wobei sichergestellt wird, dass das Skript nicht bereits einbezieht, um Portkonflikte zu vermeiden. Zu den Tipps geh?rt, dass Skipfiles auf ["/**"] festgelegt werden, es sei denn, das Debuggen von Interna zu debuggen, Sourcemaps für Typscript oder Babel zu aktivieren, die Debug -Konsole auf Fehler zu überprüfen und die Verwendung von Debugger -Anweisungen in Code als manuelle Breakpoints zu verwenden, die zu einer ordnungsgem??en ordnungsgem?? konfigurierten nahtlosen Debugging -Erfahrung führen.

Das Debuggen einer node.js -App in VSCODE ist unkompliziert, sobald Sie die Umgebung korrekt eingerichtet haben. Hier erfahren Sie, wie man es effektiv macht.

1. Verwenden Sie den integrierten Debugger mit einer Startkonfiguration

Der einfachste Weg, um eine node.js -App in VSCODE zu debuggen, besteht darin, eine Datei launch.json im .vscode Ihres Projekts zu erstellen.

Schritte:

• ?ffnen Sie Ihr Projekt in VSCODE.
• Gehen Sie zum Lauf- und Debug -Blick (Strg Shift D oder CMD Shift D).
• Klicken Sie auf "Erstellen Sie eine Datei sterp.json", wenn Sie keine haben.
• W?hlen Sie Node.js als Umgebung.
• W?hlen Sie je nach Ihren Anforderungen "Startprogramm" oder "Anh?ngen" .

Ein grundlegender launch.json zum Starten Ihrer App:

 {
  "Version": "0.2.0",
  "Konfigurationen": [
    {
      "Typ": "Knoten",
      "Anfrage": "Start",
      "Name": "Start -App",
      "Programm": "$ {WorkspaceFolder} /app.js",
      "Args": [],
      "env": {
        "Node_env": "Entwicklung"
      },
      "Konsole": "Integrated Terminal",
      "Skipfiles": [
        "<node_internals>/**"
      ]
    }
  ]
}

Ersetzen Sie app.js durch Ihre Haupteintragsdatei (z. B. index.js , server.js ).

Drücken Sie nun F5 oder klicken Sie auf Ausführen und Debuggen, um das Debugging zu starten.

2. Setzen Sie Bruchpunkte und überprüfen Sie Variablen

• Klicken Sie in jeder .js -Datei auf die linke Gosse (neben den Zeilennummern), um einen Haltepunkt festzulegen (ein roter Punkt wird angezeigt).
• Wenn Ihr Code diese Zeile w?hrend der Ausführung trifft, wird dies pausieren.
• Verwenden Sie die Debug -Konsole , das Variablen -Panel und rufen Sie Stack an::
  • Aktuelle Variablenwerte anzeigen.
  • In Funktionen einsteigen, in oder aus Funktionen ausgehen.
  • Ausdrücke im laufenden Fliegen bewerten.

Hinweis: Wenn Breakpoints nicht getroffen werden, stellen Sie sicher, dass Ihre App tats?chlich über die Debug -Konfiguration gestartet wird (nicht manuell im Terminal).

3.. Debugg -Apps, die auf einem Port ausgeführt werden (Anhangsmodus)

Wenn Ihre App bereits ausgeführt wird (z. B. über npm start ), verwenden Sie den Anhang -Modus .

Starten Sie zun?chst Ihre App mit aktivierter Inspektion:

 Node --Inspect App.js
# oder
NPM START-NODE-OPTIONS = "-Inspect"

Verwenden Sie dann diese launch.json -Konfiguration:

 {
  "Name": "zum Knoten anh?ngen",
  "Typ": "Knoten",
  "Anfrage": "Anhang",
  "Port": 9229,
  "neu starten": wahr,
  "Skipfiles": ["<node_internals>/**"]
}

Klicken Sie nun auf Ausführen und Debuggen, um an den Laufprozess hinzugefügt zu werden. Der Debugger verbindet und respektiert Ihre Haltepunkte.

Tipp: Verwenden Sie "restart": true , um sich automatisch wieder zu verbinden, wenn der Server neu gestartet wird (nützlich mit nodemon ).

Beginnen Sie für nodemon wie:

 NODEMON -Inspect App.js

Verwenden Sie dann die gleiche Anhangskonfiguration-sie wird beim Neustart automatisch rekonnektiert.

4. Debuggen Sie NPM -Skripte direkt

Sie k?nnen npm start , npm test usw. direkt debuggen.

Beispiel launch.json :

 {
  "Name": "Debugug NPM Start",
  "Typ": "Knoten",
  "Anfrage": "Start",
  "RunTimeExexexable": "Npm",
  "RunTimeargs": ["Run", "Start"],
  "Port": 9229,
  "Konsole": "Integrated Terminal",
  "Skipfiles": ["<node_internals>/**"]
}

Dies l?uft npm run start unter dem Debugger. Stellen Sie sicher, dass Ihr Skript package.json nicht verwendet wird --inspect sei denn, Sie verwalten Ports sorgf?ltig.

Tipps zum reibungslosen Debuggen

• Vermeiden Sie skipFiles Verwirrung : Standardm??ig überspringt VSCODE interne Knotendateien. Behalten Sie "skipFiles": ["<node_internals>/**"]</node_internals> es sei denn, Sie debuggen tiefe Interna.
• Verwenden Sie Quellkarten : Wenn Sie TypeScript oder Babel verwenden, aktivieren Sie Quellkarten und setzen Sie "sourceMaps": true in launch.json .
• überprüfen Sie den Ausgangskanal : Wenn das Debuggen fehlschl?gt, überprüfen Sie die Debug -Konsole oder die Ausgabe> Debug -Konsole auf Fehler.
• Verwenden Sie debugger -Anweisungen : Sie k?nnen debugger in Ihren Code als manueller Haltepunkt hinzufügen (nur dann funktioniert Debugger angeh?ngt).

Richten Sie im Grunde genommen einfach auf launch.json ein, verwenden Sie Breakpoints und w?hlen Sie zwischen Start oder Anhang, basierend auf der Ausführung Ihrer App. Nach der Konfiguration fühlt sich das Debugging nahtlos an.

Das obige ist der detaillierte Inhalt vonSo debuggen Sie eine Node.js -App in VSCODE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!