Comment formater du code sur cette page ?
Collez le code dans l’éditeur de gauche ou chargez un fichier, choisissez les options utiles et cliquez sur Formater. Vérifiez le résultat à droite, puis copiez-le ou enregistrez-le.
Le formateur JavaScript rend lisible un code minifié ou irrégulier grâce à une indentation, un espacement, des sauts de ligne et un placement des accolades cohérents. Il comprend les syntaxes modernes : classes, champs privés, fonctions asynchrones, chaînage optionnel, coalescence des valeurs nulles, chaînes de modèles, modules et JSX React.
Choisissez des tabulations ou des espaces, définissez une largeur de ligne et un style d’accolades, conservez les sauts de ligne utiles et l’indentation existante des tableaux, ou scindez les longues chaînes de méthodes. Appuyez sur Ctrl+Entrée ou Commande+Entrée pour formater directement depuis l’éditeur.
La minification supprime les commentaires et le code inutile tout en conservant des identifiants lisibles. L’option de raccourcissement réduit aussi les noms locaux admissibles afin d’obtenir un fichier plus petit. La minification attend du JavaScript exécutable : compilez donc le JSX au préalable. Tout le traitement s’effectue localement dans votre navigateur.
Collez le code dans l’éditeur de gauche ou chargez un fichier, choisissez les options utiles et cliquez sur Formater. Vérifiez le résultat à droite, puis copiez-le ou enregistrez-le.
L’entrée doit correspondre au langage ou à la syntaxe sélectionnés. Vérifiez les instructions incomplètes, les parenthèses ou guillemets non fermés et un dialecte ou mode inadapté, puis recommencez.
Un formateur reconnaît les jetons et les structures imbriquées du langage, puis réorganise indentation, espaces et retours à la ligne selon des règles cohérentes. Il ne compile ni n’exécute le programme et ne remplace donc pas un contrôle de correction ou de sécurité.
2 espaces est la valeur la plus courante sur le Web. Conservez les retours existants sauf si le projet impose un habillage, activez JSX pour une entrée JSX et suivez la configuration du dépôt pour les accolades et les autres choix de style. Formater, minifier et raccourcir les noms de variables sont des actions distinctes.