Gratuit · Développement
Formateur de code (Prettier).
Mettez en forme JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML et GraphQL avec Prettier dans votre navigateur, avec aperçu en direct.
Formatting engine: Prettier 3 (MIT), running in your browser. Formatting changes layout only, never what the code does; comments are kept.
Mettre en forme du code avec Prettier
- Collez votre code dans
Your code, ou appuyez surOpen a file. - Gardez
Detect automaticallyou choisissez le langage : JavaScript, JSX, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML ou GraphQL. - Réglez la largeur de ligne, l’indentation et, pour JavaScript et TypeScript, les points-virgules, les guillemets et les virgules finales. Le résultat se met à jour pendant la saisie.
- Appuyez sur
Copy result,DownloadouReplace my code.
Exemple : const a={b:1,c:[1,2,3]};function f(x){return x*2} devient un objet sur une ligne suivi d’un bloc de fonction indenté de deux espaces, chaque instruction se terminant par un point-virgule.
Ce que la mise en forme change
Prettier réécrit les espaces, les retours à la ligne, l’indentation, les guillemets et les virgules pour que le code suive un style cohérent. Il ne change jamais ce que fait le code, et les commentaires sont conservés. En cas d’erreur de syntaxe, rien n’est mis en forme et le message indique la ligne et la colonne, par exemple (1:10).
Pour un langage avec ses propres options, voyez le formateur JSON ou le formateur SQL ; pour réduire du JavaScript en production, le minificateur JavaScript.
Limites et formats acceptés
Vos données sont traitées sur votre appareil.
Notes techniques en anglais
Files up to 2 MB. Code with syntax errors is not formatted; the error shows the line and column. Formatting changes layout only, never behaviour; comments are kept.
Uses Prettier 3 standalone (MIT) with only the parsers the chosen language needs, loaded on demand in your browser. Same output rules as Prettier on the command line for the options shown.
const a={b:1,c:[1,2,3]};function f(x){return x*2} becomes const a = { b: 1, c: [1, 2, 3] }; followed by a function block indented with two spaces.
Questions fréquentes
Mon code est-il envoyé en ligne ?
Non. Prettier tourne dans votre navigateur, et seuls les analyseurs du langage choisi sont chargés.
Le résultat est-il identique à Prettier sur mon ordinateur ?
Oui pour les options affichées ici : c’est Prettier 3 lui-même, sans fichier de configuration de projet.
Pourquoi mon code n’est-il pas mis en forme ?
L’analyseur a trouvé une erreur de syntaxe. Corrigez la ligne et la colonne indiquées, ou vérifiez que le bon langage est choisi.