Der Visual Studio-Code unterstützt über 40 Programmiersprachen und ist ein kostenloser plattformübergreifender Texteditor, der hauptsächlich für die Front-End-Entwicklung verwendet wird. Es ist ein Produkt von Microsoft und kann in fast allen wichtigen Betriebssystemen wie Linux, Windows und MacOS verwendet werden. Der Visual Studio -Code wird häufig für die JavaScript -Entwicklung verwendet, da er leicht ist und leistungsstarke Funktionen wie IntelliSense (Code schneller mit intelligenter Code -Abschluss), Formatierung, Refactorings, Code -Navigation, Debugging und vieles mehr aufweist.
In diesem Beitrag werden wir uns mit dem Einrichten von Visual Studio -Code für JavaScript ansehen. Machen wir den ersten Schritt, der darin besteht.
Visual Studio -Code -Installation
Um Visual Studio Code zu installieren, müssen wir ihn zunächst aus dem unten erwähnten Link herunterladen:
https: // code.Visualstudio.com/
Wenn Sie die oben genannte URL besuchen, sehen Sie einen blauen Knopf, der lautet Laden Sie für Windows herunter. Klicken Sie auf diese Schaltfläche.
Wenn Sie auf die blaue Schaltfläche klicken, beginnt das Herunterladen:
Sobald Ihr Download fertig ist, klicken Sie auf die heruntergeladene Datei im obigen Screenshot.
Sobald Sie fertig sind, sehen Sie ein Fenster, das eine Lizenzvereinbarung für Visual Studio Code ist. Wähle aus "Ich akzeptiere die VereinbarungOption und dann auf die nächste Schaltfläche: Klicken Sie auf die Schaltfläche:
Das nächste Fenster, das auftauchen wird. Wählen Sie alle Optionen aus, die Sie benötigen, und klicken Sie dann auf Nächste Taste:
Sobald Sie auf die klicken Nächste Knopf, die Bereit zur Installation Das Fenster wird angezeigt, wo Sie auf die klicken müssen Installieren Taste:
Die Installation beginnt nun:
Sobald die Installation abgeschlossen ist, klicken Sie auf die beenden Die Schaltfläche und Ihr Visual Studio -Code starten.
Setup Visual Studio -Code einrichten
Nachdem wir mit dem Herunterladen und Installieren von Visual Studio -Code fertig sind, lassen Sie uns unseren Editor für JavaScript einrichten. Der erste Schritt bei der Einrichtung unseres Visual Studio -Code besteht darin, die erforderlichen Erweiterungen zu installieren. Dadurch können wir effizient und schnell den Code des Codes helfen. Das Erweiterungssymbol befindet sich links im folgenden Screenshot:
Wenn Sie auf das Symbol der Erweiterung klicken, suchen Sie nach der gewünschten Erweiterung, die Sie installieren möchten.
Lassen Sie uns die installieren Liveserver Erweiterung, die sehr nützlich ist, da es die automatische Live -Reload -Funktion hat. Wir müssen unsere Datei nicht speichern, sie speichert automatisch die Ausgabe in unserem Browser, wenn wir Änderungen an unserem Code vornehmen.
Suche das Live -Server Klicken Sie auf der Registerkarte Erweiterung auf das unten erwähnte Symbol:
Sobald Sie auf die klicken Live -Server, Sie sehen die Installationsoption auf der rechten Seite. Klicken Sie auf die Schaltfläche Installation, um den Live -Server zu installieren:
Sobald Sie auf die klicken Installieren Button wird Ihr Live -Server installiert:
Eine weitere Erweiterung, die wir in unserem Visual Studio -Code installieren können, ist die JavaScript (ES6) Code-Auszug Das ist sehr nützlich, da diese Erweiterung in zahlreichen integrierten Codeausschnitten ausgeht. Die Prozedur für die Installation von ES6 -Code -Snippets entspricht der Installation der Live -Server Verlängerung.
Abschluss
JavaScript ist eine Web -Programmiersprache, die unsere Webanwendungen und Webseiten dynamisch und interaktiv macht, indem sie ihnen die Möglichkeit geben, zu denken und zu handeln. Um effizient und schneller zu codieren, benötigt ein Entwickler eine IDE. IDE ist Software, bei der gemeinsame Entwickler -Tools kombiniert werden und in einer einzigen GUI -Schnittstelle verfügbar sind. Eine der besten IDE, die für JavaScript verwendet werden, ist Visual Studio Code, der leistungsstarke Entwicklungswerkzeuge und -funktionen wie Code -Abschluss, Intellisense, Debugger und vieles mehr bietet.
In diesem Beitrag richten wir Visual Studio -Code für JavaScript ein, indem wir ihn zuerst herunterladen und installieren und dann Erweiterungen in der Visual Studio Code IDE installieren.