Installieren Sie Node JS in Visual Studio Code

Visual Studio Code ist ein Code-Editor, der für verschiedene Plattformen (z. B. Windows, macOS und Linux) verfügbar ist und in dem sich zahlreiche Tools für Entwickler befinden, z. B. IntelliSense-Codevervollständigung und -debugging, integrierte Unterstützung für JavaScript, TypeScript und Node.js sowie Erweiterungen zu populäreren Sprachen und Laufzeiten wie C++, C#, Java, Python und mehr.

 

Visual Studio-Codefunktionen
Einige der Features von Visual Studio Code sind:

  • integriert Build-Tools und Skripte
  • Ermöglicht das Öffnen einer HTML-Datei im Webbrowser
  • Wir können den Server mit einem einzigen Klick aus der Statusleiste starten oder stoppen
  • Kompatibilität mit aktuellen Browsern
  • Anpassbare Portnummer, Serverstamm und andere Komponenten
  • Unterstützung zum Ausschließen von Dateien für die Änderungserkennung
  • SVG-Unterstützung
  • https-Unterstützung
  • Integrierter Quellcode-Editor
  • Es nutzt eine Tool-Service-Architektur, mit der es möglich sein wird, Dienstprogramme aus anderen Technologien zu integrieren.
  • Ermöglicht einfaches Debugging, Profiling und Diagnose
  • Es verfügt über umfassende Testwerkzeuge
  • Unterstützung für mehrere Programmiersprachen
  • Website-Unterstützung
  • Terminalunterstützung
  • Git-Unterstützung
  • Hierarchische Struktur für Archivcodes

 

 

Node.js ist eines der wichtigsten Dienstprogramme, mit denen wir Visual Studio Code verwenden und erweitern können. Node.js ist eine Plattform, mit der wir funktionale und skalierbare Serveranwendungen über JavaScript erstellen können. Node.js fungiert als Laufzeit und npm ist der Paketmanager, der Node.js-Module verwaltet.

 

Visual Studio Code ist vollständig kompatibel mit JavaScript- und TypeScript-Sprachen und übrigens mit Node.js-Debugging. Die einzige Voraussetzung ist, dass zum Ausführen einer Node.js-Anwendung die Node.js-Laufzeit lokal auf unseren Geräten installiert werden muss . TechnoWikis zeigt Ihnen, wie Sie diesen Prozess durchführen und das maximale Potenzial von node.js und Visual Studio Code nutzen können.

 

 

Um auf dem Laufenden zu bleiben, denken Sie daran, unseren YouTube-Kanal zu abonnieren!

ABONNIEREN SIE AUF YOUTUBE

 

 

1 So installieren Sie Node.js in Visual Studio Code

 

Schritt 1

Wir gehen zur Node.js-URL im folgenden Link:

 

 node.js

 

Install-Node-JS-in-Visual-Studio-Code-1.png

 

Schritt 2

Laden Sie die empfohlene Version herunter:

 

Download-die-empfohlene-Version--2.png

 

Schritt 3

Wir führen die Datei aus, um das folgende Fenster zu sehen:

 

Download-die-empfohlene-Version--3.png

 

Schritt 4

Wir klicken auf „Ausführen“, um den Installationsassistenten zu starten:

 

Download-die-empfohlene-Version--4.png

 

Schritt 5

Wir klicken auf Weiter und müssen die Lizenzbedingungen akzeptieren:

 

Download-die-empfohlene-Version--5.png

 

Schritt 6

Danach sehen wir den Pfad, in dem Node.js installiert wird:

 

Install-Node-JS-in-Visual-Studio-Code-6.png

 

Schritt 7

Unten können Sie die Funktionen auflisten, die mit Node.js installiert werden:

 

Install-Node-JS-in-Visual-Studio-Code-7.png

 

Schritt 8

Im nächsten Fenster ist es möglich, die Box so zu aktivieren, dass sie die zusätzlichen Tools automatisch installiert, die wir später sehen werden:

 

Install-Node-JS-in-Visual-Studio-Code-8.png

 

Schritt 9

Wir werden später Folgendes sehen:

 

Install-Node-JS-in-Visual-Studio-Code-9.png

 

Schritt 10

Wir klicken auf „Installieren“, um den Installationsprozess von Node.js zu starten:

 

Install-Node-JS-in-Visual-Studio-Code-10.png

 

Schritt 11

Am Ende dieses Prozesses sehen wir Folgendes:

 

Install-Node-JS-in-Visual-Studio-Code-11.png

 

Schritt 12

Wenn Sie das Kästchen aktivieren, um die zusätzlichen Tools zu installieren, öffnet sich nach einem Moment das Terminal:

 

Install-Node-JS-in-Visual-Studio-Code-12.png

 

Schritt 13

Drücken Sie eine beliebige Taste und PowerShell wird geöffnet:

 

Install-Node-JS-in-Visual-Studio-Code-13.png

 

Schritt 14

Dort beginnt der Installationsprozess der Dienstprogramme:

 

Install-Node-JS-in-Visual-Studio-Code-14.png

 

Schritt 15

Dies dauert einige Zeit, um jeden von ihnen herunterzuladen und zu installieren:

 

Install-Node-JS-in-Visual-Studio-Code-15.png

 

Schritt 16

Sobald dies abgeschlossen ist, öffnen wir Visual Studio Code und ziehen den Arbeitsordner dorthin:

 

Install-Node-JS-in-Visual-Studio-Code-16.jpg

 

Schritt 17

Wir werden die folgende Nachricht sehen:

 

Install-Node-JS-in-Visual-Studio-Code-17.png

 

Schritt 18

Wir klicken auf “Ja, ich vertraue den Autoren”, um den Ordner in Visual Studio Code hinzuzufügen:

 

Install-Node-JS-in-Visual-Studio-Code-18.png

 

Schritt 19

Es ist an der Zeit, die Node.js-Variable im System hinzuzufügen, dazu geben wir „Variable“ in die Suchmaschine ein und klicken auf „Systemumgebungsvariablen bearbeiten“:

 

Install-Node-JS-in-Visual-Studio-Code-19.jpg

 

Schritt 20

Es öffnet sich folgendes Fenster:

 

Install-Node-JS-in-Visual-Studio-Code-20.png

 

Schritt 21

Wir klicken auf “Umgebungsvariablen”, um auf das Variablenfenster zuzugreifen:

 

Install-Node-JS-in-Visual-Studio-Code-21.png

 

Schritt 22

Wir öffnen den Datei-Explorer und kopieren den Pfad von Node.js:

 

Install-Node-JS-in-Visual-Studio-Code-22.png

 

Schritt 23

Bei den Variablen klicken wir bei „Benutzervariablen“ auf „Neu“ und geben dann einen Namen ein und fügen den Node.js-Pfad ein:

 

Install-Node-JS-in-Visual-Studio-Code-23.png

 

Schritt 24

Wenden Sie die Änderungen an:

 

Install-Node-JS-in-Visual-Studio-Code-24.png

 

Schritt 25

In Visual Studio Code gehen wir zu “Terminal – New Terminal”:

 

Install-Node-JS-in-Visual-Studio-Code-25.png

 

Schritt 26

Wir führen Folgendes aus:

 npm-Init 

Install-Node-JS-in-Visual-Studio-Code-26.png

 

Schritt 27

Möglicherweise wird der folgende Fehler angezeigt:

 

Install-Node-JS-in-Visual-Studio-Code-27.png

 

Schritt 28

Wenn wir diesen Fehler sehen, gehen wir mit dem Befehl „cd ..“ zum Stammverzeichnis des Laufwerks C und dann mit „cd“ zum Node.js-Pfad:

 

Install-Node-JS-in-Visual-Studio-Code-28.png

 

Schritt 29

Dort starten wir Node JS, indem wir Folgendes ausführen:

 /nmp init 

Drücken Sie die Eingabetaste, um den Vorgang abzuschließen:

 

 

Install-Node-JS-in-Visual-Studio-Code-29.png

 

Schritt 30

Hinweis: Die Eingabetaste muss gedrückt werden, da wir beim Starten von NPM Folgendes sehen:

 

Install-Node-JS-in-Visual-Studio-Code-30.png

 

Schritt 31

Sie sind eine Reihe von Fragen, die wir standardmäßig verlassen können:

 

Install-Node-JS-in-Visual-Studio-Code-31.png

 

Schritt 32

Am Ende sehen wir Folgendes:

 

Install-Node-JS-in-Visual-Studio-Code-32.png

 

Schritt 33

Es ist möglich, ein Dienstprogramm mit der folgenden Syntax zu installieren:

 ./nmp installieren (App) 

Install-Node-JS-in-Visual-Studio-Code-33.png

 

Einige zusätzliche Befehle zur Verwendung von npm sind:

  • npm install: installiert alle Abhängigkeiten im Projekt
  • npm test: Führen Sie die Tests des Projekts aus
  • npm run <script>: Führt das betreffende Skript aus
  • npm -l : Informationen zur Befehlsverwendung anzeigen

Somit ist es möglich, Node.js in Visual Studio Code zu installieren und ein Tool für unsere Projekte zur Hand zu haben.