Heim >Web-Frontend >Front-End-Fragen und Antworten >Wie vscode NodeJS-Code ausführt
Wenn Sie VS Code zum Schreiben von Node.js-Code verwenden, müssen Sie zuerst die Node.js-Umgebung und die VS Code-Erweiterung installieren. Im Folgenden finden Sie die Schritte zum Ausführen von Node.js-Code in VS Code:
Wenn Sie die Node.js-Umgebung nicht installiert haben, laden Sie sie bitte von Node.js herunter und installieren Sie sie offizielle Website. Nachdem die Installation abgeschlossen ist, können Sie überprüfen, ob die Node.js-Version korrekt ist, indem Sie den folgenden Befehl ausführen:
node -v
Um VS Code besser zum Schreiben von Node.js-Code verwenden zu können, müssen Sie Sie müssen einige zugehörige Erweiterungen installieren. Sie können im Plug-in-Store von VS Code nach „Node.js“ suchen, um verwandte Erweiterungen zu finden, wie im Bild unten gezeigt:
Starten Sie VS Code nach Abschluss der Installation neu.
In VS Code können Sie ein Node.js-Projekt über das Terminal oder die Befehlszeile erstellen. Öffnen Sie VS Code, drücken Sie die Tasten „Strg + Umschalt + P“, um das Befehlsfeld zu öffnen, suchen Sie im Bedienfeld nach „Terminal: Neues integriertes Terminal erstellen“. Wenn Sie diesen Befehl auswählen, wird ein Terminal im VS Code-Fenster geöffnet:
Geben Sie im Terminal-Panel den folgenden Befehl ein, um ein neues Node.js-Projekt zu erstellen:
mkdir my_project cd my_project npm init
Nachdem Sie die oben genannten Vorgänge ausgeführt haben, wird ein Ordner mit dem Namen „my_project“ und darin ein Ordner mit dem Namen „my_project“ erstellt . Die Datei „package.json“ dient der Verwaltung von Projektabhängigkeiten. Geben Sie während dieses Vorgangs die Projektinformationen nach Bedarf ein.
In VS Code können Sie den integrierten Editor zum Schreiben von Node.js-Code verwenden. Erstellen Sie eine Datei mit dem Namen „index.js“ und schreiben Sie den folgenden Code in die Datei:
console.log("Hello World!");
Nach dem Speichern der Datei können Sie das Terminal-Panel in VS Code öffnen und den folgenden Befehl verwenden, um die „Hello World!“-Nachricht auszudrucken in der Konsole:
node index.js
VS Code bietet außerdem einen integrierten Debugger, der Ihnen beim Debuggen von Node.js-Code helfen kann. Node.js-Code kann mit den folgenden Schritten debuggt werden:
Schritt 1: Konfiguration in der Datei „launch.json“ hinzufügen
Suchen Sie in der Seitenleiste von VS Code die Debug-Ansicht und suchen Sie dort die Datei „launch.json“. . Fügen Sie der Datei die folgende Konfiguration hinzu:
{ "version": "0.2.0", "configurations": [{ "type": "node", "request": "launch", "name": "Launch Program", "program": "${file}" }] }
Nach dem Speichern der Datei wird die Konfiguration automatisch gespeichert und dieses neu erstellte Konfigurationselement kann im Dropdown-Menü über der „Debug“-Ansicht angezeigt werden.
Schritt 2: Einen Haltepunkt in den Code einfügen
Öffnen Sie die Datei „index.js“ im Editor und fügen Sie einen Haltepunkt in den Code ein. Haltepunkte können durch Klicken auf die Zeilennummer auf der linken Seite des Editors gesetzt werden.
Schritt 3: Starten Sie den Debugger
Drücken Sie die F5-Taste oder klicken Sie auf die Schaltfläche „Ausführen“, um den Debugger zu starten.
Schritt 4: Debuggen des Codes
Wenn der Debugger startet und ein Haltepunkt gefunden wird, können Sie Befehle wie Einzelschrittausführung und Fortsetzung der Ausführung verwenden, um die Ausführung des Codes anzuzeigen. Sie können die Variablen-, Stapel- oder Konsolenansichten im Fenster des Debug-Tools verwenden, um den Codestatus und Debuginformationen anzuzeigen.
Zusammenfassung
Die oben genannten Schritte sind die Schritte zum Ausführen von Node.js-Code in VS Code. Hervorragende Entwicklungstools können die Effizienz der Programmentwicklung erheblich verbessern. Für Entwickler ist es sehr wichtig zu verstehen, wie sie Node.js-Code in VS Code schnell ausführen und debuggen können. Ich hoffe, dieser Artikel ist hilfreich für Sie, danke fürs Lesen.
Das obige ist der detaillierte Inhalt vonWie vscode NodeJS-Code ausführt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!