5 TypeScript ausprobieren

Dieses Kapitel gibt Tipps zum schnellen Ausprobieren von TypeScript.

5.1 Die TypeScript Playground

Die TypeScript Playground ist ein Online-Editor für TypeScript-Code. Funktionen umfassen

• Unterstützt vollständige IDE-ähnliche Bearbeitung: Auto-Vervollständigung usw.
• Zeigt statische Typfehler an.
• Zeigt das Ergebnis der Kompilierung von TypeScript-Code zu JavaScript. Es kann auch das Ergebnis im Browser ausführen.

Der Playground ist sehr nützlich für schnelle Experimente und Demos. Er kann sowohl TypeScript-Code-Schnipsel als auch Compiler-Einstellungen in URLs speichern, was großartig ist, um solche Schnipsel mit anderen zu teilen. Dies ist ein Beispiel für eine solche URL

https://www.typescriptlang.org/play/#code/MYewdgzgLgBFDuBLYBTGBeGAKAHgLhmgCdEwBzASgwD4YcYBqOgbgChXRIQAbFAOm4gyWBMhRYA5AEMARsAkUKzIA

5.2 TS Node

TS Node ist eine TypeScript-Version von Node.js. Seine Anwendungsfälle sind

• TS Node bietet eine REPL (Kommandozeile) für TypeScript

  $ ts-node
  > const twice = (x: string) => x + x;
  > twice('abc')
  'abcabc'
  > twice(123)
  Error TS2345: Argument of type '123' is not assignable
  to parameter of type 'string'.

• TS Node ermöglicht es einigen JavaScript-Tools, TypeScript-Code direkt auszuführen. Es kompiliert automatisch TypeScript-Code zu JavaScript-Code und gibt ihn an die Tools weiter, ohne dass wir etwas tun müssen. Der folgende Shell-Befehl zeigt, wie das mit dem JavaScript-Unit-Test-Framework Mocha funktioniert

  mocha --require ts-node/register --ui qunit testfile.ts

Verwenden Sie npx ts-node, um die REPL auszuführen, ohne sie zu installieren.