OUTILS DE DÉVELOPPEMENT

JavaScript Embellisseur

Formatez JavaScript en désordre avec Prettier dans votre navigateur. Choisissez l'analyseur, la largeur, l'indentation, les guillemets, les points-virgules, les virgules de fin et la gestion du code intégré. Formateur

JavaScript

La sortie se met à jour automatiquement avec Prettier lorsque vous tapez, collez, chargez un fichier ou modifiez les options. Le formatage s'exécute dans ce navigateur. Options

Prettier Analyseur
Format actuel

-

Octets de sortie
Octets d'entrée
0
Octets ajoutés
0
Lignes d'entrée
0
Lignes de sortie
0

Collez un JavaScript valide pour voir la sortie formatée automatiquement.

Enregistré sur cet appareil

Les résultats d'embellissement récents restent dans ce navigateur uniquement.

No data
Aucun résultat d'embellissement enregistré pour l'instant. Le stockage

Comment embellir JavaScript en toute sécurité

Ce que fait ce formateur Formatage

Prettier

Cet outil utilise Prettier dans le navigateur, de sorte que les extraits collés correspondent aux mêmes règles de formatage utilisées par de nombreux projets.

Options réelles Prettier

Utilisez les options d'analyseur, de largeur d'impression, de tabulations, de points-virgules, de guillemets, de virgules de fin et de crochets de Prettier lui-même.

Plugins locaux du navigateur

Les plug-ins d'analyseur JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown et YAML sont regroupés localement pour le formatage du navigateur.

Erreurs courantes

Choisir le mauvais analyseur

Si TypeScript ou TSX échoue avec l'analyseur JavaScript, basculez l'analyseur sur TypeScript / TSX.

Styles d'accolades personnalisés attendus

Prettier est opiniâtre. Il n’expose pas tous les choix de style d’accolades ou d’espaces.

L'utiliser comme vérificateur de type

Prettier analyse et imprime le code. Il ne vérifie pas le code et ne remplace pas la version de votre projet.

Conseils

Coller d'abord

Collez le code ou modifiez une option et la sortie se met automatiquement à jour avec les paramètres Prettier actuels.

Faites correspondre votre projet

Utilisez les mêmes choix de largeur d'impression, de tabulations, de point-virgule, de guillemets et de virgule finale que votre projet utilise.

Enregistrer des extraits utiles

Enregistrez un résultat lorsque vous souhaitez comparer des options ou réutiliser le même extrait plus tard dans ce navigateur. FAQ