typescript-playground.de

Setup

TypeScript Playground umwandeln in Mit tsc kompilieren

Der TypeScript-Compiler tsc ist das zentrale Werkzeug für die Übersetzung von TypeScript-Code in JavaScript. Er liest .ts-Dateien, prüft die Typen und schreibt gültiges JavaScript heraus. Du kannst einzelne Dateien kompilieren oder das gesamte Projekt auf Basis der tsconfig.json. Der Watch-Modus ist besonders praktisch: Er beobachtet deine Dateien auf Änderungen und kompiliert automatisch, wenn du speicherst. So musst du nicht nach jeder Änderung manuell kompilieren. Das Verstehen des Kompilierungsschritts ist wichtig, um den Unterschied zwischen TypeScript zur Entwicklungszeit und JavaScript zur Laufzeit zu verstehen.

Schritt für Schritt

  1. 1 Öffne ein Terminal in deinem Projektverzeichnis.
  2. 2 Kompiliere eine einzelne Datei: 'tsc datei.ts'
  3. 3 Kompiliere das gesamte Projekt (mit tsconfig.json): 'tsc'
  4. 4 Aktiviere den Watch-Modus für automatische Neukompilierung: 'tsc --watch'
  5. 5 Überprüfe den Inhalt des Ausgabeordners (z.B. 'dist/') auf die erzeugten .js-Dateien.
  6. 6 Führe die kompilierte JavaScript-Datei mit Node.js aus: 'node dist/datei.js'

Schneller im Browser

Auf typescript-playground.de siehst du das kompilierte JavaScript live neben deinem TypeScript-Code, ohne tsc manuell aufrufen zu müssen.

TypeScript Playground Converter öffnen

Weitere Anleitungen

TypeScript lokal installieren

TypeScript Playground umwandeln

tsconfig.json einrichten

TypeScript Playground umwandeln

VS Code für TypeScript einrichten

TypeScript Playground umwandeln

Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.