Detaillierte Schritte zum Erstellen der TypeScript-Umgebung und Bereitstellen in VSCode

Vorwort: Wenn Sie TypeScript erstellen möchten, benötigen Sie npm . Wenn Sie cnpm haben möchten, benötigen Sie eine node Umgebung. Wenn Sie alle haben, dann lesen Sie weiter.

TypeScript-Umgebungskonstruktion

Schritt 1: Taobao-Spiegel herunterladen

Überprüfen Sie zunächst, ob Sie npm erfolgreich installiert haben

Es reicht nicht aus, npm zu haben, Sie müssen auch cnpm herunterladen. Der Befehl lautet wie folgt (direkt kopieren und einfügen):

npm install -g cnpm --registry=https://registry.npm.taobao.org

Nach dem Herunterladen sieht es folgendermaßen aus.

Schritt 2: TypeScript herunterladen

Geben Sie im Befehlsfenster Folgendes ein (direkt kopieren und einfügen):

npm install -g typescript

Laden Sie es so herunter.

Überprüfen Sie die Versionsnummer:

tsc -v

Damit ist TS vollständig bereit.

Bereitstellen in VSCode

Erstellen Sie zunächst einen Ordner tsDemo,

Erstellen Sie eine Datei demo.ts im Ordner tsDemo und schreiben Sie den Inhalt. .
Springen Sie als Nächstes im Befehlsfenster zum Speicherort des Ordners „tsDemo“.

Anschließend müssen Sie an diesem Speicherort eine tsconfig.json-Datei generieren.
Kopieren Sie einfach diesen Befehl:

tsc --init

Anschließend wird die Datei tsconfig.json im Ordner tsDemo generiert.

Ändern Sie die tsconfig.json-Konfiguration

Ziehen Sie den Ordner „tsDemo“ nach vsCode. , suchen Sie tsconfig.json,
Entferne den Kommentar der von mir ausgewählten Zeile und speichere sie.

Wählen Sie dann die ts-Datei aus und klicken Sie auf: Terminal => Build-Task ausführen. Klicken Sie auf tsc: monitor

Anschließend wird im Terminal ein js-Ordner generiert, der die aus der ts-Datei kompilierte js-Datei enthält.
Es ist geschafft, gönnen Sie sich selbst einen Applaus🎉🎉🎉

Mögliche Fehler

tsc: Datei C:\Users\JMQ\AppData\Roaming\npm\tsc.ps1 kann nicht geladen werden.
Denn das Ausführen von Skripten ist auf diesem System verboten. Weitere Informationen finden Sie unter
about_Execution_Policies unter https://go.microsoft.com/fwlink/?LinkID=135170.

Lösung :

Führen Sie vscode als Administrator aus.

Geben Sie dann im Terminal ein:

Ausführungsrichtlinie remotesigned festlegen

Es wird kein Fehler gemeldet.

PS: Sehen wir uns an, wie vscode Typescript-Dateien ausführt.

1. Führen Sie den Befehl tsc xxx.ts in der vscode-Konsole aus, um ihn in xxx.js zu konvertieren

2. Führen Sie den Knoten xxx.ts aus, um das Ergebnis auszugeben

Dies ist das Ende dieses Artikels über die detaillierten Schritte zum Einrichten der TypeScript-Umgebung und zum Bereitstellen in VSCode. Weitere Informationen zum Einrichten der TypeScript-Umgebung finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!