Setup
TypeScript Playground umwandeln in tsconfig.json einrichten
Die Datei tsconfig.json ist das Herzstück jeder TypeScript-Konfiguration. Sie teilt dem Compiler mit, welche Dateien er übersetzen soll, welches JavaScript-Zielformat gewünscht ist und wie streng die Typüberprüfung sein soll. Ohne tsconfig.json nutzt der Compiler Standardwerte, die für viele Projekte nicht optimal sind. Mit einer gut konfigurierten tsconfig.json vermeidest du Fehler und stellst sicher, dass dein Code mit dem richtigen Zielstandard kompatibel ist. Die Konfiguration ist einmalig aufzusetzen und danach kaum zu ändern. Du lernst hier die wichtigsten Felder kennen, mit denen die meisten Projekte gut fahren.
Schritt für Schritt
- 1 Wechsle in dein Projektverzeichnis im Terminal.
- 2 Führe 'tsc --init' aus - TypeScript erstellt eine kommentierte tsconfig.json.
- 3 Öffne die tsconfig.json in deinem Editor.
- 4 Setze 'target' auf 'ES2020' oder neuer, um moderne JavaScript-Features zu nutzen.
- 5 Aktiviere 'strict': true, um alle strengen Typprüfungen einzuschalten.
- 6 Setze 'outDir': './dist', damit kompilierte Dateien in einem separaten Ordner landen.
- 7 Setze 'rootDir': './src', damit der Compiler nur Quelldateien aus dem src-Ordner verarbeitet.
- 8 Führe 'tsc' aus - der Compiler liest nun die tsconfig.json automatisch.
Schneller im Browser
Auf typescript-playground.de kannst du Compiler-Optionen direkt in der Oberfläche einstellen und sofort sehen, wie sie sich auf deinen Code auswirken.
TypeScript Playground Converter öffnenWeitere Anleitungen
TypeScript lokal installieren
TypeScript Playground umwandeln
Mit tsc kompilieren
TypeScript Playground umwandeln
VS Code für TypeScript einrichten
TypeScript Playground umwandeln
Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.