Wandeln Sie TypeScript-Code in JavaScript-Code um

1. Wandeln Sie TypeScript mit dem Online-Editor in JavaScript-Code um
2. Wandeln Sie TypeScript mithilfe eines Code-Editors in JavaScript-Code um
3. Wandeln Sie TypeScript in JavaScript-Code um, indem Sie TypeScript global installieren

Es gibt mehrere Möglichkeiten, eine TypeScript-Datei in eine JavaScript-Datei zu konvertieren, um sie überall dort effektiv zu verwenden, wo sie benötigt wird. Der Webbrowser würde das Ausführen von .ts- oder TypeScript-Dateien nicht zulassen; Daher ist es wichtig, die TypeScript-Datei in eine normale JavaScript-Datei zu konvertieren, um sie im Webbrowser auszuführen.

Obwohl TypeScript konvertiert werden muss, bevor es im Webbrowser verwendet werden kann, ermutigen sogar Frameworks und Bibliotheken wie React.js und Angular Programmierer, bei der Entwicklung des Codes TypeScript zu verwenden, anstatt einfaches JavaScript zu verwenden.

Der Hauptgrund, warum TypeScript beim Schreiben von Code viel mehr empfohlen wird als die Verwendung von reinem JavaScript, ist, dass TypeScript-Code statische Typdefinitionen für JavaScript hinzufügt. TypeScript validiert auch, dass der Code korrekt funktioniert und mit allen Webbrowsern und Plattformen kompatibel ist, und stellt sicher, dass er über mehrere Themen hinweg wartbar ist.

Bei der Verwendung von drag.js und Angular ist es nicht erforderlich, TypeScript in JavaScript zu konvertieren, da dies im Hintergrund mithilfe des Webpacks oder eines anderen Bundles erfolgt. Wenn Sie jedoch nur eigenständiges JavaScript verwenden, müssen Sie TypeScript in JavaScript konvertieren, und dies kann mit mehreren Methoden erfolgen.

Hier sind die drei wichtigsten Methoden.

Wandeln Sie TypeScript mit dem Online-Editor in JavaScript-Code um

Die erste und einfachste Methode besteht darin, den TypeScript-Code online in JavaScript umzuwandeln. Wir können dies über die TypeScript-Website oder einen anderen Online-Editor oder ein Online-Tool tun.

Wenn Sie die TypeScript-Website verwenden, verwenden Sie das Playground Tool in Tools oder gehen Sie direkt zum TypeScript Playground. Hier besteht der einzige Schritt darin, den Code zu kopieren und in den angegebenen Editor einzufügen, und der Code wird direkt in JavaScript konvertiert.

Darüber hinaus ist es möglich, den Code auszuführen und zu sehen, ob er das tut, was er soll.

Wandeln Sie TypeScript mithilfe eines Code-Editors in JavaScript-Code um

Eine andere Methode, die verwendet werden kann, besteht darin, einen guten Code-Editor wie Microsoft Visual Studio Code zu verwenden und dann Erweiterungen zu installieren, die zum Konvertieren von TypeScript in JavaScript verwendet werden können. Beispielsweise kann die Erweiterung Compile Hero verwendet werden, um die obige Funktion zu erreichen.

Wandeln Sie TypeScript in JavaScript-Code um, indem Sie TypeScript global installieren

Die dritte Möglichkeit besteht darin, TypeScript global auf dem Computer und NodeJS zu installieren. Ähnlich wie npm oder yarn wird es für den Paketmanager installiert.

Danach kann über das Terminal auf das TypeScript-Dienstprogramm zugegriffen werden, und Befehle können verwendet werden, um die TypeScript-Datei in JavaScript zu konvertieren. Darüber hinaus ist es mit dieser Methode möglich, die TypeScript-Datei auf Änderungen zu überprüfen.

Darüber hinaus gibt das Dienstprogramm einen Befehl zum Erstellen einer TypeScript-Konfigurationsdatei aus.

Um TypeScript mit yarn zu installieren, öffnen Sie zuerst die Befehlszeile im gewünschten Ordner und geben Sie yarn global add typescript und Enter ein, oder installieren Sie das npm-Paket, geben Sie npm install -g typescript in der Befehlszeile und drücken Sie die Eingabetaste. Um danach eine TypeScript-Konfigurationsdatei zu erstellen, verwenden Sie tsc --init auf der Befehlszeile und drücken Sie Enter, und dann würde eine tsconfig.json erstellt werden.

Wenn eine Konfigurationsdatei erstellt wird, ist sie auf der Stammebene vorhanden. Daher können die Einstellungen in der Konfigurationsdatei an die Vorlieben des Benutzers angepasst werden, und die TypeScript-zu-JavaScript-Konvertierung basiert auf der Konfigurationsdatei.

Um TypeScript in JavaScript zu konvertieren, öffnen Sie ein Terminal für den Ordner mit der TypeScript-Datei und geben Sie tsc FileName.ts ein. Hier sollte der im obigen Code erwähnte FileName der Dateiname der TypeScript-Datei sein, die in JavaScript konvertiert wird.

Wenn der obige Code ausgeführt wird, wird eine neue JavaScript-Datei im selben Ordner erstellt, bei der es sich um die Konvertierung der TypeScript-Datei handelt.