So installieren Sie JavaScript in VSCode

JavaScript ist eine der wichtigsten Frontend-Sprachen, da es Ihrer Webseite die Fähigkeit verleiht, zu denken und zu reagieren. Wenn Sie Frontend-Entwickler sind, möchten Sie möglicherweise JavaScript zu Ihrer IDE hinzufügen. In diesem Tutorial erfahren Sie, wie Sie JavaScript in VSCode installieren.

Installieren Sie JavaScript in VSCode

Visual Studio Code ist ein Code-Editor, der völlig kostenlos und Open Source ist. Er wurde von Microsoft entwickelt und wird von Entwicklern aufgrund seines leichten, schnellen und erweiterbaren Designs hoch geschätzt. Dieser Code-Editor unterstützt verschiedene Programmiersprachen und in diesem Tutorial konzentrieren wir uns auf JavaScript.

Um JavaScript in VSCode zu installieren, müssen Sie die unten aufgeführten Schritte befolgen.

1. Installieren von Visual Studio Code
2. Installieren Sie Node.JS
3. Erstellen und Ausführen eines JavaScript-Programms

Lassen Sie uns ausführlich darüber sprechen.

1] Installieren Sie Visual Studio Code

Zunächst müssen wir Visual Studio Code auf Ihrem Computer installieren. Navigieren Sie dazu zu code.visualstudio.com und installieren Sie die App für Ihre bevorzugte Plattform. Gehen Sie nach dem Download zum Download-Speicherort und installieren Sie die App auf Ihrem Computer.

2] Installieren Sie Node.JS

Node.js ist eine kostenlose und quelloffene JavaScript-Laufzeitumgebung, die auf verschiedenen Betriebssystemen wie Windows, Linux, Unix und macOS ausgeführt werden kann. Es verwendet die V8-JavaScript-Engine, um JavaScript-Code außerhalb eines Webbrowsers auszuführen. Mit Node.js können Sie JavaScript verwenden, um Befehlszeilentools zu schreiben und serverseitiges Scripting durchzuführen.

Wir können das Node.JS Extension Pack aus dem Extension Center installieren. Gehen Sie dazu in den Bereich Extension, indem Sie auf das entsprechende Symbol klicken, suchen Sie nach „Node.JS“ und klicken Sie auf das zugehörige Install-Symbol. Dieses Paket enthält eine Sammlung hilfreicher Erweiterungen für die Arbeit mit JavaScript und Node.js.

Um unseren JavaScript-Code auszuführen, müssen wir Node.js installieren, eine JavaScript-Runtime. Sie können es von der offiziellen Nodejs.org -Website herunterladen. Es wird empfohlen, die LTS-Version (Long Term Support) zu wählen, da diese am stabilsten und für die meisten Benutzer geeignet ist.

3] Erstellen und Ausführen eines JavaScript-Programms

Nachdem wir nun eine Umgebung für die Ausführung des Codes erstellt haben, können wir mit dem Programmieren beginnen. Dazu müssen Sie zunächst eine VSCode-Datei erstellen. Öffnen Sie Visual Studio Code und gehen Sie zu Datei > Neue Datei. Geben Sie ihr einen Namen Ihrer Wahl, jedoch mit der Erweiterung .js . Sie können sie beispielsweise „javascript.js“ nennen. Zum Speichern verwenden Sie Strg + Umschalt + S oder Datei > Speichern unter. Um zu bestätigen, dass alles ordnungsgemäß funktioniert, verwenden Sie den folgenden Befehl.

console.log("Hello, world!");

Dieser JavaScript-Code gibt „Hallo Welt!“ über die Konsole aus, eine textbasierte Schnittstelle zur Kommunikation mit Ihrem Programm.

4] JavaScript-Datei ausführen

Das Ausführen von JavaScript ist nicht so einfach wie das Ausführen einer Java-Datei. Sie müssen entweder CodeRunner installieren, der Ihrer IDE eine Schaltfläche hinzufügt, mit der Sie den Code mit nur einem Klick ausführen können. Oder öffnen Sie Terminal und navigieren Sie dann mit „cd“ oder dem Befehl „Verzeichnis ändern“ zum Dateipfad. Wechseln Sie also einfach per cd zu Ihrem Dateipfad (cd ~/Desktop/JS) und führen Sie dann node filename.js aus. Code Runner erledigt das jedoch automatisch für Sie.

Fix „Knoten“ wird nicht als interner oder externer Befehl erkannt

Wenn Sie die Fehlermeldung „‚node‘ wird nicht als interner oder externer Befehl erkannt“ erhalten, ist die Pfadvariable in Ihrem System nicht definiert. Sie müssen daher die unten aufgeführten Schritte ausführen, um den Pfad in der Umgebungsvariable zu definieren.

1. Drücken Sie Win + R, geben Sie „Umgebungsvariable“ ein und öffnen Sie den Abschnitt „Systemumgebungsvariablen bearbeiten“.
2. Klicken Sie auf Umgebungsvariablen.
3. Wählen Sie Pfad und klicken Sie dann auf Bearbeiten.
4. Klicken Sie auf Neu und fügen Sie den Pfad ein, in dem Nodejs installiert ist. Bei mir war es „C:\Programme\nodejs“
5. Klicken Sie auf OK.

Starten Sie abschließend Visual Studio Code neu und prüfen Sie dann, ob das Problem behoben ist.

Wie füge ich JavaScript in VS Code hinzu?

Um JavaScript in Visual Studio Code einzufügen, müssen Sie zuerst VSCode und dann Node.JS installieren. Wenn Sie fertig sind, erstellen Sie eine JS-Datei, schreiben Sie Codes und beginnen Sie dann mit dem Schreiben von Codes. Um es auszuführen, navigieren Sie einfach über das Terminal zum Dateipfad und führen Sie dann node filename.js aus oder laden Sie besser die Code Runner-Erweiterung herunter.

Können wir JavaScript in VS Code machen?

Ja, Sie können JavaScript in VS Code verwenden. Tatsächlich bietet VS Code hervorragende Debugging-Unterstützung für JavaScript. Sie können problemlos Haltepunkte setzen, Objekte prüfen, durch den Aufrufstapel navigieren und Code in der Debug-Konsole ausführen. Wenn Sie mehr über das Debugging in VS Code erfahren möchten, navigieren Sie zu code.visualstudio.com .