jsonecho

Formateur TypeScript

Formatez du code TypeScript, avec génériques, décorateurs, enums et annotations de type.

Chargement de l'outil...

Comment utiliser Formateur TypeScript

Collez votre code. Le moteur de formatage se charge en un instant la première fois.
Ajustez les options si nécessaire.
Copiez le résultat formaté.

À propos de Formateur TypeScript

Ce formateur analyse TypeScript avec le vrai analyseur TypeScript, donc les interfaces, génériques, enums, décorateurs, classes abstraites et la syntaxe la plus récente sont gérés, pas juste devinés. Le code est réimprimé à partir de zéro, avec un espacement et des sauts de ligne cohérents.

Choisissez les apostrophes et le style de point-virgule pour correspondre à votre projet. Les longues lignes sont repliées à 80 caractères.

Questions fréquentes

Vérifie-t-il les types ?

Non. Il ne vérifie que la syntaxe. Une erreur de type n'arrêtera pas le formatage.

La sortie est-elle la même que Prettier ?

L'outil utilise le moteur Prettier et ses valeurs par défaut, donc oui, à part les options que vous changez ici.

Prend-il en charge TSX ?

Collez du JSX dans du TypeScript et il est aussi formaté. Pour du code React simple, le Formateur Babel est plus adapté.

Pourquoi la première exécution a-t-elle pris une seconde ?

Le moteur de formatage pour ce langage est téléchargé la première fois que vous l'utilisez, puis mis en cache par votre navigateur. Ensuite, le formatage est instantané et rien ne quitte votre machine.

Plus dans Formateurs de code

Tous les outils →

Impression JavaScriptImprimez du JavaScript pour pouvoir le lire.Formater Impression CSSImprimez du CSS pour que chaque règle et propriété soit facile à lire.Formater Minifier CSSSupprimez les commentaires et les espaces pour obtenir le CSS le plus petit.Compresser Formateur C#Indentez du code C# et mettez les accolades et instructions sur leurs propres lignes.Formater Formateur JavaRemettez du code Java dans une mise en page lisible : une instruction par ligne, accolades indentées.Formater Formateur GraphQLFormatez des requêtes et schémas GraphQL pour que les sélections imbriquées soient faciles à lire.Formater Formateur AngularFormatez des templates de composants Angular avec leurs directives structurelles et liaisons.Formater Formateur VueFormatez un composant monofichier Vue : template, script et style ensemble.Formater