Setup
TypeScript Playground umwandeln in VS Code für TypeScript einrichten
Visual Studio Code ist der am häufigsten genutzte Editor für TypeScript, weil er TypeScript-Unterstützung direkt eingebaut hat. Ohne Erweiterungen zeigt VS Code schon Typfehler an, bietet Autovervollständigung und springt zu Definitionen. Mit ein paar zusätzlichen Einstellungen und Erweiterungen wird das Erlebnis noch besser. Du lernst hier, wie du VS Code optimal für TypeScript konfigurierst, damit du schnell und sicher entwickeln kannst. Viele der Funktionen, die du aus Online-Playgrounds kennst, sind direkt in VS Code verfügbar - nur mit dem Vorteil, dass du echte Projektdateien bearbeiten kannst.
Schritt für Schritt
- 1 Lade VS Code von code.visualstudio.com herunter und installiere es.
- 2 Öffne dein TypeScript-Projekt mit 'Datei > Ordner öffnen'.
- 3 VS Code erkennt die tsconfig.json automatisch und aktiviert TypeScript-Unterstützung.
- 4 Installiere die Erweiterung 'ESLint' für Codequalitätsprüfungen.
- 5 Aktiviere 'editor.formatOnSave': true in den VS Code-Einstellungen (settings.json).
- 6 Nutze 'Strg+Umschalt+P' und suche nach 'TypeScript: Restart TS Server', falls Fehler nicht aktualisiert werden.
- 7 Verwende 'F12' um zur Definition einer Funktion oder eines Typs zu springen, und 'Umschalt+F12' für alle Verwendungen.
Schneller im Browser
Für schnelle Tests und Lerneinheiten reicht typescript-playground.de vollständig aus, ohne VS Code installieren zu müssen.
TypeScript Playground Converter öffnenWeitere Anleitungen
TypeScript lokal installieren
TypeScript Playground umwandeln
tsconfig.json einrichten
TypeScript Playground umwandeln
Mit tsc kompilieren
TypeScript Playground umwandeln
Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.