📅 Mai 21, 2025

How To

Alex Ruben

So führen Sie JavaScript-Code in Visual Studio Code aus: Einfache Schritt-für-Schritt-Anleitung

Die Ausführung von JavaScript in Visual Studio Code ist unerlässlich, wenn Sie Webskripte außerhalb des Browsers testen oder entwickeln möchten. Es ist jedoch nicht immer einfach – die Einrichtung kann etwas eigenartig sein, und manchmal will VS Code einfach nicht mithalten. Diese Anleitung führt Sie durch den grundlegenden Prozess und enthält einige Tipps, die mir geholfen haben, als etwas schiefging.

Schritt 1: Installieren Sie Node.js

Das Wichtigste zuerst: Node.js. Im Grunde ermöglicht es Ihnen, JS-Code in Ihrem Terminal auszuführen – ganz ohne Browser. Ohne Node.js können Sie ihn nur bearbeiten, nicht aber ausführen.

So installieren Sie Node.js:

Gehen Sie zur offiziellen Node.js-Website.
Holen Sie sich das Installationsprogramm für Ihr Betriebssystem. Windows, Mac, Linux – was auch immer.
Führen Sie das Installationsprogramm aus, folgen Sie den Anweisungen und aktivieren Sie das Kontrollkästchen, um Node.js während der Installation zu Ihrem Pfad hinzuzufügen. Das erleichtert die Ausführung nodeaus jedem beliebigen Ordner.

Öffnen Sie nach der Installation ein Terminal (z. B.Eingabeaufforderung, PowerShell oder Terminal unter macOS) und geben Sie ein node -v. Wenn Sie eine Versionsnummer sehen, können Sie loslegen. Andernfalls haben Sie möglicherweise die PATH-Einstellung übersehen oder das Installationsprogramm hat nicht funktioniert. Kommt vor.

Schritt 2: Überprüfen der Node.js-Installation

Wenn node -veine Zahl ausgegeben wird, ist Node korrekt installiert. Andernfalls starten Sie Ihr Terminal neu oder starten Sie es neu. Wenn das immer noch nicht funktioniert, wiederholen Sie die Installationsschritte. Manchmal hat Windows seltsame Berechtigungsprobleme – das Ausführen des Terminals als Administrator kann Abhilfe schaffen.

Schritt 3: Öffnen Sie Visual Studio Code

Starten Sie VS Code. Stellen Sie sicher, dass es sich um die neueste Version handelt, da ältere Versionen, insbesondere bei Erweiterungen, Fehler aufweisen können.

Schritt 4: Installieren Sie die Code Runner-Erweiterung

Dieses Ding macht das Ausführen von JS super einfach, ohne jedes Mal in das Terminal eingreifen zu müssen. So installieren Sie es:

Drücken Sie Ctrl + Shift + X, um die Erweiterungsansicht zu öffnen.
Suchen Sie nach Code Runner.
Installieren Sie die Erweiterung von Junhan – sie ist zuverlässig und einfach zu bedienen. Nach der Installation sollte oben rechts im Editor ein kleines Play-Symbol erscheinen.

Diese Erweiterung ist hilfreich, da Sie Ihren Code mit einem Klick oder einer Tastenkombination direkt aus dem Editor ausführen können, ohne sich mit Terminalbefehlen herumschlagen zu müssen. Ich weiß nicht genau, warum, aber manchmal sind die integrierten Ausführungsoptionen fehlerhaft, insbesondere wenn Ihre Umgebung nicht richtig konfiguriert ist.

Schritt 5: Öffnen Sie Ihre JavaScript-Datei

Öffnen Sie Ihre Datei. Suchen Sie oben rechts .jsnach dem kleinen Ausführen- Symbol (dem Dreieck).Falls Sie es nicht sehen, klicken Sie einfach mit der rechten Maustaste in den Editor und wählen Sie „Code ausführen“. Nicht alle Setups zeigen dieses Symbol standardmäßig an, daher ist dies die Alternative.

Schritt 6: Führen Sie Ihren Code aus

Klicken Sie auf das Symbol „Ausführen“ oder drücken Sie die Taste Ctrl + Alt + N. Ihr Code sollte ausgeführt werden, und die Ausgabe erscheint im Terminalfenster unten in VS Code. Speichern Sie Ihre Datei unbedingt vorher – andernfalls wird die alte Version ausgeführt, was zwar ärgerlich, aber häufig vorkommt.

Zusätzliche Tipps und häufige Probleme

Hier sind einige Dinge, die die Leute ins Stolpern bringen:

Stellen Sie sicher, dass Ihr Code mit einer .jsErweiterung gespeichert ist. Keine Erweiterung? Kein Ausführen.
Wenn nichts angezeigt wird, überprüfen Sie das Terminal auf Fehler. Manchmal führen Syntaxprobleme zu einem unbemerkten Abbruch.
Überprüfen Sie, ob das VS Code-Terminal auf die richtige Umgebung eingestellt ist. Unter Windows verwenden Sie möglicherweise PowerShell, was normalerweise einwandfrei funktioniert. Wenn Sie jedoch zu cmd oder Git Bash gewechselt sind, stellen Sie einfach sicher, dass Ihre Umgebung den nodeBefehl erkennt.
Bei manchen Setups kann der erste Durchlauf fehlschlagen oder gar nichts bewirken. Ein Neustart von VS Code oder Ihres Computers hilft oft. Denn Windows muss die Dinge manchmal komplizierter machen, als sie sollten.

Andere Möglichkeiten zum Ausführen von JS in VS Code

Wenn die Code Runner-Erweiterung Probleme macht oder Sie einen anderen Ansatz bevorzugen, können Sie JS auch über das integrierte Terminal ausführen:

Öffnen Sie das Terminal in VS Code ( Ansicht > Terminal oder Ctrl + \`).
Navigieren Sie mit zum Ordner mit Ihrem Skript cd path/to/your/file.
Eintippen node filename.jsund drücken Enter. Ganz einfach.

Diese Methode bietet mehr Kontrolle und ist weniger fehlerhaft als einige Erweiterungen, insbesondere bei Setups, bei denen sich die Erweiterungen von VS Code nicht wie erwartet verhalten.

Letzter Tipp

Manchmal sind VS Code oder Node.js nach Updates nicht mehr synchron. Sollten ungewöhnliche Probleme auftreten, installieren Sie die Erweiterung neu oder löschen und erstellen Sie Ihre Erweiterung neu settings.json.Überprüfen Sie außerdem, ob Ihre Umgebungsvariable PATH korrekt auf Node.js verweist.

Häufig gestellte Fragen

Wofür wird Node.js verwendet?

Node.js bildet im Grunde das Rückgrat für die Ausführung von JS außerhalb des Browsers – nützlich für Server, Skripte und Tools. Ohne Node.js bleibt Ihnen nur die Browserkonsole, die für schnelle Tests gut geeignet ist, für größere Aufgaben jedoch nur eingeschränkt geeignet ist.

Kann ich JavaScript ohne Node.js ausführen?

Ja, öffnen Sie im Browser die Konsole (drücken Sie F12oder klicken Sie mit der rechten Maustaste und wählen Sie „Untersuchen“ ) und tippen Sie einfach los. Für Skripte, insbesondere für Automatisierung oder Backend-Anwendungen, ist Node.js jedoch die beste Wahl.

Wie debugge ich JavaScript in VS Code?

Setzen Sie Haltepunkte und nutzen Sie den integrierten Debugger. Möglicherweise müssen Sie Ihre Startkonfigurationen anpassen, aber sobald Sie ihn zum Laufen gebracht haben, ist er sehr leistungsstark. Das Laden von Haltepunkten in den JS-Dateien über die Registerkarte „Debugger“ vereinfacht die Arbeit.

Zusammenfassung

Stellen Sie sicher, dass Node.js läuft – überprüfen Sie mitnode -v
Installieren Sie Code Runner oder verwenden Sie das Terminal zum Ausführen von Skripten
Speichern Sie Ihre JS-Dateien mit .jsder Erweiterung
Führen Sie das Terminal aus und überprüfen Sie die Ausgabe

Hoffentlich spart das jemandem ein paar Stunden. Denn ja, die Einrichtung von VS Code für JavaScript war früher viel verwirrender als sie sein sollte.