Structureer TypeScript-typen, interfaces en functies

Ontwikkelaars gebruiken TypeScript-formatter vóór een codereview, foutopsporing of overdracht aan een andere bijdrager.

Structureer TypeScript-typen, interfaces en functies, zodat nakijken, aanpassen en fouten zoeken eenvoudiger worden. Gebruik het in je browser zonder account.

Hoe te gebruiken

Open de tool en plak je TypeScript-code in het hoofd invoerveld.
Je kunt ook een TypeScript-bestand of een ander ondersteund tekstbestand importeren via het importveld.
Voer de formattering uit om spatiëring, regelafbrekingen en inspringing in de code aan te passen.
Bekijk het resultaat in het uitvoerveld en kopieer het voor gebruik in je editor.
Maak de velden leeg voordat je een ander fragment verwerkt, zodat de vorige inhoud niet vermengd raakt.

Voorbeeld

Een ontwikkelaar bereidt een codebeoordeling voor door een snel geschreven TypeScript-interface te plakken, te formatteren en het resultaat met het origineel te vergelijken voordat hij het aan een mergeverzoek toevoegt.

Limieten en formaten

De tool lost geen logische fouten of incompatibele typen op; hij verbetert vooral de presentatie.
Controleer geformatteerde uitvoer altijd wanneer je team een strikte stijlgids volgt.
Ondersteunde bestanden zijn onder andere .ts, .tsx, .js, .json en andere tekstformaten, maar de uitvoer blijft tekst om te kopiëren.
Bij een grote codebase kan het verwerken van kleinere blokken het resultaat gemakkelijker te controleren maken.

Waar de verwerking gebeurt

Alles draait in je browser. De code die je plakt of importeert, blijft op je apparaat en wordt nergens naartoe verzonden. Je kunt privéfragmenten formatteren zonder account.

Veelgestelde vragen

Hoe weet ik of mijn TypeScript-code klaar is om te formatteren?

Plak een geldig fragment of importeer een ondersteund bestand. De tool richt zich op de opmaak en vervangt dus geen TypeScript-compiler of typechecker.

Kan ik een .tsx-bestand met JSX formatteren?

Ja, de formattering wordt toegepast op de tekst van het bestand. Controleer daarna de JSX-gedeelten, want de tool toont de code zonder de conventies van je team af te dwingen.

Vervangt het resultaat mijn originele bestand?

Nee. Het resultaat verschijnt in een apart gebied en je kopieert het indien nodig. Je originele bestand blijft ongewijzigd op je apparaat.