Aller au contenu

Formateur TypeScript

Mettez de l'ordre dans votre code TypeScript avec ce formateur TypeScript. Collez des interfaces, des types, des énumérations, des génériques, des classes ou des fonctions ; l'outil les remet en forme jeton par jeton avec une indentation de deux espaces, une espace après les deux-points des annotations de type et autour des opérateurs, un membre par ligne dans les blocs et les énumérations, ainsi que des points-virgules à la fin des instructions. Idéal pour les développeurs qui veulent nettoyer des extraits, du code généré ou des exemples copiés avant de les partager ou de les relire.

Réinitialiser

Foire aux questions

Comment fonctionne le formateur TypeScript ?

Il lit votre code sous forme de flux de jetons, tels que les accolades, les points-virgules, les opérateurs, les chaînes et les commentaires, puis en reconstruit la mise en page. Les accolades ouvrent des blocs indentés, les points-virgules terminent les lignes et les opérateurs sont espacés de manière cohérente.

Vérifie-t-il si mon TypeScript contient des erreurs ?

Non, il ne vérifie ni les types ni la syntaxe ; il peut donc aussi formater des extraits incomplets. Lancez tsc ou les vérifications de votre éditeur si vous voulez savoir si le code compile.

Comment les interfaces et les énumérations sont-elles formatées ?

Dans les interfaces et les classes, chaque membre occupe une ligne avec une indentation de deux espaces et un point-virgule à la fin. Les membres d'une énumération sont placés chacun sur une ligne, avec une virgule finale après chacun, y compris le dernier.

Les génériques sont-ils conservés tels quels ?

Oui, les chevrons des génériques tels que Array<T> ou Map<string, T> sont suivis afin de ne pas les confondre avec des opérateurs de comparaison. Les espaces après les virgules à l'intérieur des chevrons sont normalisés.

Quelle indentation utilise-t-il ?

Les blocs sont indentés avec deux espaces, et aucune option ne permet de modifier cette valeur. Les littéraux d'objet courts après une affectation ou un return restent sur une seule ligne.

Les commentaires sont-ils préservés ?

Oui. Les commentaires de ligne terminent leur ligne et le code reprend en dessous ; les commentaires de bloc restent à leur emplacement.

Les chaînes et les littéraux de gabarit sont-ils modifiés ?

Non, les chaînes littérales, les littéraux de gabarit et les expressions régulières sont copiés exactement tels qu'ils sont écrits. Seuls les espaces entre les jetons sont réorganisés.

Le formatage va-t-il modifier le comportement de mon code ?

Le formateur modifie uniquement les espaces et ajoute les points-virgules manquants à la fin des instructions. Vérifiez le résultat si votre code s'appuie sur l'insertion automatique de points-virgules dans des cas inhabituels, par exemple lorsqu'une ligne commence par une parenthèse.

Pourquoi la sortie est-elle encadrée par un bloc de code typescript ?

Le résultat est renvoyé sous forme de bloc de code Markdown étiqueté typescript afin qu'il s'affiche avec la coloration syntaxique dans Markdown, les tickets et les discussions. Copiez les lignes entre les délimiteurs pour obtenir un fichier .ts.

Quelle taille de code puis-je traiter ?

Vous pouvez formater jusqu'à 5 MB de code en une seule fois ; les entrées plus volumineuses sont refusées avec un message. Le résultat est identique à celui de l'option TypeScript du formateur de code.

À propos de OneClick Pro

OneClick Pro est une collection gratuite de plus de 150 outils Web pour les tâches du quotidien : convertir des images et des unités, formater et valider du code, vérifier des domaines et SEO, et travailler avec du texte, des dates et des nombres. Chaque outil fonctionne sans inscription ni abonnement, et les données saisies servent uniquement à calculer le résultat et ne sont jamais stockées. Utilisez cette boîte à outils pour des tâches ponctuelles ou ajoutez à vos favoris les outils dont vous vous servez chaque jour.