Node.js mit VS Code entwickeln

Visual Studio Code (VS Code) ist ein kostenloser Open-Source-Code-Editor, der von Microsoft entwickelt wurde, und einer der beliebtesten Editoren für die Node.js-Entwicklung.

Wichtige Vorteile

• Integrierte Node.js-Unterstützung: bietet Funktionen wie intelligente Codevervollständigung und Debugging
• Umfangreiche Erweiterungen: Über den Erweiterungsmarktplatz können verschiedene Node.js-Entwicklungswerkzeuge installiert werden
• Integriertes Terminal: Node.js-Programme direkt im Editor ausführen
• Leichtgewichtig und schnell: schnelle Startgeschwindigkeit und geringe Ressourcennutzung

VS Code installieren

1. Besuchen Siedie offizielle VS Code-Website
2. Laden Sie die zu Ihrem Betriebssystem passende Version herunter
3. Folgen Sie dem Installationsassistenten, um die Installation abzuschließen
4. Vollständiges VS Code-Tutorial:https://www.example.com/vscode/vscode-tutorial.html

Darüber hinaus haben Alibaba und ByteDance in China auch KI-IDEs, die auf Basis von VS Code entwickelt wurden:

Empfohlene Erweiterungen

1. Node.js Extension Pack: ein Sammlungspaket mit mehreren Node.js-bezogenen Plugins
2. JavaScript (ES6) code snippets: bietet ES6+-Code-Snippets
3. Auto Rename Tag: benennt HTML/XML-Tags automatisch um
4. ESLint: Werkzeug zur Codequalitätsprüfung
5. Prettier: Werkzeug zur Codeformatierung
6. npm Intellisense: automatische Vervollständigung für npm-Pakete
7. Path Intellisense: automatische Vervollständigung für Dateipfade

Erstellen Ihres ersten Node.js-Projekts

Initialisieren des Projekts

1. Terminal öffnen (in VS Code Ctrl+` drücken)
2. Erstelle einen Projektordner und wechsle hinein:

   mkdir my-node-app
   cd my-node-app

3. Initialisiere ein npm-Projekt:

   npm init -y

   Dies erzeugt eine package.json-Datei:

   

Erstellen der Hauptdatei

1. Erstellen Sie in VS Codeapp.jsdie Datei
2. Geben Sie den folgenden Code ein:

   Beispiel

   const http = require('http');
   
   const server = http.createServer((req, res) => {
     res.statusCode = 200;
     res.setHeader('Content-Type', 'text/plain');
     res.end(' EXAMPLE Node Test ~ Hello, Node.js!\n');
   });
   
   const port = 3000;
   server.listen(port, () => {
     console.log(`Server running address: http://localhost:${port}/`);
   });
   

Projekt ausführen

1. Im Terminal ausführen:

   node app.js

   

2. Öffnen Sie einen Browser und besuchen Siehttp://localhost:3000

   

Beachten Sie, dass, wenn wirconsole.eingeben, VS Code's IntelliSense Codevorschläge anbieten kann:

Debuggen von Node.js-Anwendungen

VS Code bietet leistungsstarke Debugging-Funktionen:

Debugging konfigurieren

1. Klicken Sie in der linken Aktivitätsleiste auf das Symbol "Run and Debug"
2. Klicken Sie auf "create a launch.json file"
3. Wählen Sie die "Node.js"-Umgebung aus

Haltepunkte setzen

1. Klicken Sie links neben die Codezeilennummer, um einen Haltepunkt festzulegen
2. Drücken Sie F5, um das Debugging zu starten
3. Verwenden Sie die Debug-Symbolleiste, um den Ausführungsablauf zu steuern

Debug-Steuerelemente

• Fortsetzen (F5): Ausführung bis zum nächsten Haltepunkt fortsetzen
• Überspringen (F10): die aktuelle Zeile ausführen, ohne in Funktionen einzusteigen
• Einsteigen (F11): in den Funktionskörper einsteigen
• Neu starten (Ctrl+Shift+F5): Debuggen neu starten
• Beenden (Shift+F5): Debuggen beenden