Formateur JavaScript

Comment l'utiliser

Coller le code, déposer un fichier ou charger l'échantillon; la langue est prédéfinie pour cette page et peut être modifiée.
Choisissez le format ou minifiez et ajustez le tiret, la largeur et d'autres options ; le résultat apparaît à droite lorsque vous tapez.
Copiez ou téléchargez le résultat; sur une erreur, utilisez "Aller à l'erreur", corrigez-le et exécutez à nouveau.

Options de style de code

Conventions communes
Options	Recommandation
Détenteur	2 espaces (communs à l'avant) / 4 espaces / onglet
Largeur de la ligne	Enveloppe à 80; 100 ou 120 pour les écrans larges
Citations	Double (par défaut) ou simple
Semi-colon	Sur par défaut pour éviter les surprises ASI
Des virgules traînantes	Ajouté sur les listes multi-lignes pour les diffs plus propres

Langues et moteurs

Formatage utilise les mêmes moteurs open-source que les éditeurs populaires, de sorte que les résultats correspondent à Prettier dans VS Code et votre équipe peut garder un style. Chaque moteur charge à partir de ce site et fonctionne dans votre navigateur.

Langue
Langue	Format	Compresseur
HTML	Juste 3	✓ commentaires et espace blanc
XML	Moteur XunL XML	✓
CSS / SCSS / Moins	Juste 3	✓ Restructuration de la CSSO
JavaScript / TypeScript	Hôtel 3 (Babel)	✓ Terser (JavaScript seulement)
JSON	Juste 3	✓ les grands nombres gardent la précision
YAML	Juste 3	— (observations tenues)
SQL	sql-formater (14 dialectes)	—

Foire aux questions

Est-ce qu'il peut dé-minifier JavaScript?

Il restaure l'indentation et la ligne casse donc le code est lisible à nouveau, mais les noms de variables raccourcis comme a, b et c ne peuvent pas être récupérés.

Est-ce qu'il supporte TypeScript et JSX?

Oui. Choisissez TypeScript pour taper les annotations et les interfaces; JSX fonctionne sous JavaScript.

Mon code est-il téléversé ?

C'est pas vrai. Les moteurs télécharger à partir de ce site et fonctionner dans votre navigateur; votre code ne passe jamais à travers nos serveurs ou n'importe quel tiers, il est donc sûr pour le code interne et la configuration.

Quelle taille les fichiers peuvent-ils être ?

Jusqu'à 5 Mo par fichier; au-dessus de 300 Ko la page attend le bouton au lieu de formater que vous tapez, pour garder le navigateur réactif.

Guide pratique JavaScript formatter et questions courantes

Qu'est-ce qu'un format JavaScript fait?

Prettier 3 (Babel analyser) réimprime le code : envelopper à la largeur de la ligne et unifier les guillemets, les semi-colons et les virgules traînantes ; TypeScript utilise les babel-ts et JSX fonctionne directement.

C'est pour qui, et quand est-ce utile ?

Les développeurs de première ligne, les marketeurs de scripts et les ingénieurs inspectent le code de tiers qui ont besoin de lire des JS minifiés ou de garder un style d'équipe.

Comment puis-je utiliser cette matière JavaScript?

Coller JavaScript, JSX ou TypeScript et Prettier le formate avec votre tiret, largeur, guillemet, point-virgule et les paramètres des virgules traînantes, pointant les erreurs de syntaxe vers la ligne et la colonne.

Comment interpréter les résultats?

Prettier retransmet l'ensemble du fichier, en gardant les commentaires mais pas vos ruptures de ligne d'origine; les noms de variables raccourcis ne peuvent pas être restaurés.

Où le travail est-il effectué et quels services reçoivent les données?

JavaScript est analysé et réimprimé, jamais exécuté ou téléversé.