Formateur JavaScript

Formatez JavaScript, JSX, TypeScript et TSX sans exécuter le code.

Frontend et design
Préparation de votre espace de travail…
Entrée
Sortie
Votre résultat apparaîtra ici.

Mode d’emploi

  1. Collez du texte, ouvrez un fichier UTF-8 ou essayez l’exemple.
  2. Choisissez entrée et options, puis lancez l’outil ou activez l’exécution automatique.
  3. Vérifiez, copiez ou téléchargez le résultat. Modifier l’entrée invalide le résultat précédent.

Formateur JavaScript

Formatez JavaScript, JSX, TypeScript et TSX sans exécuter le code.

Le traitement reste dans votre navigateur. Votre entrée n’est pas envoyée à DevToolsy.

Fonctionnement

Prettier analyse et réécrit le code avec espaces et indentation cohérents. Choisissez JavaScript / JSX ou TypeScript / TSX. Les erreurs indiquent une position source.

Avant et après
Entrée
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Sortie
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Formatez JavaScript, JSX, TypeScript et TSX sans exécuter le code.

Options et fidélité des données

Réglez indentation, largeur, guillemets et points-virgules. Ce n’est ni un compilateur, ni un linter, ni un minificateur. Aucun code ou import n’est exécuté.

Utiliser le résultat

Le succès indique seulement une syntaxe acceptée. Utilisez le compilateur, le linter et les tests du projet pour les types, imports et comportements.

Vérifiez, copiez ou téléchargez le résultat. Modifier l’entrée invalide le résultat précédent.

Limites de traitement

Entrée UTF-8 jusqu’à 1 MiB par document, sortie jusqu’à 8 MiB. JSONPath et Schema : 5 secondes ; autres outils : 30 secondes.

Pour aller plus loinPrettier options
?

Questions fréquentes

Quels langages sont pris en charge ?

Prettier analyse et réécrit le code avec espaces et indentation cohérents. Choisissez JavaScript / JSX ou TypeScript / TSX. Les erreurs indiquent une position source.

Peut-on choisir guillemets et points-virgules ?

Réglez indentation, largeur, guillemets et points-virgules. Ce n’est ni un compilateur, ni un linter, ni un minificateur. Aucun code ou import n’est exécuté.

Les types ou la logique sont-ils vérifiés ?

Non. Le succès indique seulement une syntaxe acceptée. Utilisez le compilateur, le linter et les tests du projet pour les types, imports et comportements.

Mes données sont-elles envoyées ?

Le traitement reste dans votre navigateur. Votre entrée n’est pas envoyée à DevToolsy.

Puis-je ouvrir un fichier local ?

Entrée UTF-8 jusqu’à 1 MiB · sortie jusqu’à 8 MiB

Trouvez votre prochain outil

Langue

Changer de langue ? Le contenu actuel sera effacé. Copiez ou téléchargez d’abord votre travail.