Mode d’emploi
- Collez votre code, ou cliquez sur « Charger un exemple » pour essayer.
- Choisissez JavaScript, TypeScript ou JSON, puis réglez l’indentation, la largeur de ligne, les points-virgules et le style de guillemets.
- Cliquez sur « Formater », ou appuyez sur Ctrl+Entrée (⌘+Entrée sur Mac).
- Copiez le code formaté.
Explication des options
- Indentation
- 2 espaces est la valeur par défaut de Prettier et le style le plus courant dans les projets JavaScript. « Tabulation » indente avec des caractères de tabulation.
- Largeur de ligne
- Prettier coupe les expressions qui dépasseraient ce nombre de caractères. La valeur par défaut est 80.
- Points-virgules
- Désactivez cette option pour omettre les points-virgules en fin d’instruction. Prettier les ajoute quand même là où leur absence changerait le sens du code.
- Guillemets simples
- Utilise des guillemets 'simples' au lieu de "doubles" pour les chaînes, sauf si cela demande davantage d’échappements.
Exemples
Bundle minifié. Collez un extrait minifié sur une seule ligne pour comprendre ce qu’il fait : le formatage rétablit l’indentation et les retours à la ligne, mais les noms de variables courts restent courts.
Style d’équipe. Reprenez les réglages Prettier de votre projet, par exemple une indentation de 4 espaces, sans points-virgules et avec des guillemets simples.
Questions fréquentes
Fonctionne-t-il avec JSX et la syntaxe moderne ?
Oui. Le mode JavaScript utilise le parseur de Babel, qui comprend JSX, le chaînage optionnel, les champs de classe, le await de premier niveau et le reste de la syntaxe actuelle.
Pourquoi une erreur de syntaxe s’affiche-t-elle ?
Prettier doit analyser le code avant de le formater : il s’arrête donc sur tout code qui n’est pas du JavaScript valide. Le message indique la ligne et la colonne à vérifier.
Le code formaté se comporte-t-il de la même façon ?
Oui. Prettier ne modifie que les espaces, les retours à la ligne, les guillemets, les parenthèses et les points-virgules, sans changer le sens du code.
Mon code est-il envoyé sur un serveur ?
Non. Prettier s’exécute dans votre navigateur : votre code reste sur votre appareil.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.