So führen Sie TypeScript in VS -Code aus

So führen Sie TypeScript in VS -Code aus
Vs Code" steht für "Visual Studio -Code„Das ist kostenlos und ein Open-Source-Code-Editor, der von Entwicklern verwendet wird, um den Code in verschiedenen Programmiersprachen auszuführen, einschließlich“Typoskript”. Um den TypeScript -Code in VS -Code auszuführen, ist es obligatorisch, den Typscript -Compiler zu installierentsc"Das wird die" transpilieren ".ts"Datei zum JavaScript".JS" Datei.

In diesem Tutorial wird das Verfahren zur Ausführung des TypsScripts in VS -Code erörtert.

So führen Sie TypeScript in VS -Code aus?

Um Typscript in VS -Code oder einer anderen IDE auszuführen, müssen Sie zunächst eine installieren “Knoten.JS”Auf Ihrem System. Führen Sie den folgenden Befehl in der Eingabeaufforderung aus, um TypeScript zu installieren:

npm install -g typecript

Danach können Sie das Typenkript im VS -Code mit dem VS -Terminal problemlos ausführen. Öffnen Sie das Terminal mit dem “Strg+Verschiebung+'Und befolgen Sie die angegebenen Schritte:

  • Transportieren Sie die Typscript -Datei in die JavaScript -Datei.
  • Führen Sie die JavaScript -Datei aus.

Schritt 1: Transplile die TypeScript -Datei in die JavaScript -Datei

Um das Typenkript in das JavaScript zu transpilieren, verwenden Sie den folgenden Befehl:

TSC -Dateiname.ts

Schritt 2: Führen Sie die JavaScript -Datei aus

Um die transpile JavaScript -Datei auszuführen, verwenden Sie den folgenden Befehl:

Knoten -Dateiname.JS

Der obige Ansatz hilft bei der Ausführung des TypsScripts in einer beliebigen IDE, wenn Sie TypeScript in VS -Code speziell ausführen, und befolgen Sie einfach die angegebenen Schritte:

  • Installieren Sie Erweiterungen im VS -Code
  • Erstellen Sie eine Typscript -Codedatei
  • Transpilen Sie den TypeScript -Code
  • Führen Sie die JavaScript -Datei aus

Schritt 1: Installieren Sie Erweiterungen im VS -Code

Installieren Sie zunächst die Erweiterungen im VS -Code aus dem “ErweiterungenPanel in VS Code. Klicken Sie dazu auf das Erweiterungssymbol oder drücken Sie “Strg+Verschiebung+x”In der linken Seitenleiste:

Schreib die "Knoten"Klicken Sie in der Suchleiste auf die Erweiterung"Node -Essentials"Und drücken Sie die"Installieren" Taste. Es wird alle wesentlichen Erweiterungen für die Knotenentwicklung installiert:

Installieren Sie nach der Installation der wesentlichen Erweiterung der Knoten, die Erweiterung für TypenScript, die die “enthält, die“ enthältTypscript -Compiler ''tsc'”, Um die zu transpilieren“.ts" Datei. Dafür suchen Sie die “Typoskript"In einer Suchleiste klicken Sie auf"JavaScript und Typscript Nacht"Und drücken Sie die"Installieren" Taste:

Schritt 2: Erstellen Sie die Datei "Typscript -Code"

Erstellen Sie eine Datei mit der Erweiterung “.tsDas enthält den TypeScript -Code. Hier erstellen wir eine TypeScript -Datei als “Datei.ts”:

Fügen Sie den folgenden Code in die “hinzu“Datei.ts" Datei:

Lassen Sie willkommen: String = "Willkommen bei LinuxHint";
Konsole.Protokoll (Willkommen);

Schritt 3: Trennungs -TypeScript -Code transpilieren

Öffnen Sie nun das VS -Terminal mit “Strg+Verschiebung+'Und geben Sie den folgenden Befehl ein, um den TypeScript -Code in die JavaScript -Datei zu transpilieren:

TSC -Datei.ts

Nach dem Kompilieren die “.JSDatei wird erstellt:

Schritt 5: Führen Sie die JavaScript -Datei aus

Führen Sie nun die JavaScript -Datei mit „Knoten“ aus.js ”mit dem angegebenen Befehl:

Knotendatei.JS

Ausgang

Wenn Sie die Ausgabe auf der Webseite anzeigen möchten, müssen Sie Ihre verlinken “.JSDatei mit dem HTML -Dokument mit der “src”Attribut des Tags:

Hier geht es darum, Typscript in VS Code auszuführen.

Abschluss

Um den TypeScript -Code in VS -Code auszuführen, müssen Sie zunächst „Knoten" installieren.JS ”und" TypeScript "in Ihrem System oder in der VS -Code -IDE. Verwenden Sie dann das “tscBefehl ”Um die TypeScript -Datei in eine JavaScript -Datei zu transpilieren. Führen Sie schließlich die JavaScript -Datei in VS -Code mit der “aus“ ausKnoten" Befehl. In diesem Tutorial wurde das Verfahren zur Ausführung des TypsScripts in VS -Code erörtert.