Loading...
Loading...
Formatez et embellissez JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML et plus avec Prettier. Règles personnalisables et formatage instantané.
Appuyez sur Ctrl + Enter pour formater
Copiez votre code désordonné ou non formaté et collez-le dans l'éditeur d'entrée.
Choisissez l'analyseur approprié (JavaScript, TypeScript, HTML, CSS, JSON, etc.).
Ajustez les options de formatage comme la largeur de tabulation, les guillemets, les point-virgules et les virgules finales.
Cliquez sur 'Formater le Code' pour embellir, puis copiez ou téléchargez le résultat formaté.
Formatez JavaScript, TypeScript, HTML, CSS, JSON, Markdown, YAML, GraphQL, SCSS et Less avec un support complet de Prettier.
Affinez le formatage avec des options pour la largeur de tabulation, les guillemets, les point-virgules, les virgules finales et l'espacement des crochets.
Voyez votre code original et la sortie formatée simultanément dans une interface d'éditeur propre à volets divisés.
Formatez des milliers de lignes de code en millisecondes avec le moteur d'analyse ultra-rapide de Prettier.
Transformez du code minifié et illisible en code magnifiquement formaté et lisible par l'homme avec une indentation et un espacement appropriés.
Testez et validez les guides de style de codage de l'équipe avant de valider le code. Assurez la cohérence dans toute votre base de code.
Un code correctement formaté rend le débogage beaucoup plus facile en améliorant la lisibilité et en révélant les problèmes structurels.
Voyez comment Prettier formate le code pour apprendre les conventions de formatage standard de l'industrie et les meilleures pratiques.
Formatez rapidement des extraits de code pour la documentation, les articles de blog, les réponses Stack Overflow ou les tutoriels.
Ajustez les paramètres du formateur pour correspondre au guide de style spécifique et aux préférences de formatage de votre projet.
Le formatage de code est essentiel pour maintenir des bases de code lisibles, cohérentes et professionnelles. Cet outil utilise Prettier, le formateur de code standard de l'industrie en qui des millions de développeurs font confiance dans le monde entier.
Tout le formatage se fait dans votre navigateur. Votre code ne quitte jamais votre appareil, garantissant une confidentialité et une sécurité complètes.
Utilise Prettier, le formateur de code standard de l'industrie avec des règles de formatage éprouvées et opinionnées.
Formatez même de gros fichiers instantanément sans allers-retours serveur ou limites de taux d'API.
Une fois chargé, le formateur fonctionne complètement hors ligne. Aucune connexion Internet requise.
Pas d'inscription, pas de limites, pas de coûts cachés. Formatez du code illimité à tout moment, n'importe où.
Obtenez du code prêt pour la production, formaté de manière cohérente qui répond aux normes professionnelles.
Nombre d'espaces par niveau d'indentation. 2 espaces est la valeur par défaut de Prettier et la plus courante en JavaScript. 4 espaces est courant en Python et dans les anciennes bases de code.
Indenter avec des tabulations au lieu d'espaces. Les tabulations sont plus accessibles (les utilisateurs peuvent définir leur largeur préférée) mais les espaces sont plus courants dans le développement web.
Ajouter des point-virgules à la fin des instructions. JavaScript ne les exige pas (ASI), mais de nombreux guides de style les imposent pour la sécurité et la clarté.
Utiliser des guillemets simples au lieu de guillemets doubles pour les chaînes. Les guillemets simples sont populaires en JavaScript ; les guillemets doubles sont par défaut pour JSON.
Ajouter des virgules finales où valide en ES5 (objets, tableaux) ou all (y compris fonctions). Produit des diffs git plus propres lors de l'ajout de nouveaux éléments.
Imprimer des espaces entre les crochets dans les littéraux d'objet. { foo: bar } vs {foo: bar}. L'espacement est plus lisible ; sans espacement est plus compact.
Activez 'Formatage Auto au Collage' pour embellir automatiquement le code dès que vous le collez. Économise du temps et des clics.
Configurez les paramètres pour correspondre au fichier .prettierrc de votre projet. Combos courants : tabulations de 2 espaces + guillemets simples pour JavaScript, 4 espaces pour style Python.
Définissez les virgules finales sur 'all' ou 'es5' pour produire des diffs git plus propres lors de l'ajout de nouveaux éléments array/objet.
Prettier est opinionné par conception. Faites confiance à ses valeurs par défaut - elles sont basées sur des années de retours de la communauté et d'utilisation réelle.