Dart Code Formatter
Guide
Dart Code Formatter
Collez votre code Dart ou Flutter et obtenez immédiatement une version formatée propre qui respecte les conventions imposées par dart format. Le formatage s'exécute entièrement dans votre navigateur — aucune installation de SDK, aucun téléchargement, et aucune attente sur un serveur distant. C'est un outil rapide et déterministe pour chaque situation où vous souhaitez obtenir un résultat conforme aux normes sans quitter la page.
Comment utiliser
- Collez votre code Dart ou Flutter dans la zone d'entrée, ou cliquez Essayez un exemple pour charger un exemple.
- Choisissez la taille d'indentation souhaitée (2 espaces est la valeur par défaut de dart_style, mais 4 espaces et les tabulations sont également supportées).
- Glisser le Longueur de ligne sldier — le formatage vous avertira des lignes dépassant votre cible.
- Basculer Tri et regroupement des directives, Ajout de virgules finaleset Regroupement des lignes vides selon le besoin.
- Cliquez Format et copiez ou téléchargez le code nettoyé.
Caractéristiques
- Configuration de la longueur de la ligne — barre de défilement de 40 à 160 caractères, avec une valeur par défaut de 80.
- Indentation inspirée par dart_style — supporte 2 espaces, 4 espaces ou des tabulations.
- Regroupement des directives — trie et regroupe
dart:,package:, et les imports relatifs, avec une ligne vide entre les groupes. - Virgules finales — ajoute une virgule en fin de listes d'arguments ou de paramètres à plusieurs lignes, exactement comme les arbres de widgets Flutter l'exigent.
- Consciente de la null-safety — préserve
?.,!,??et??=avec l'espacement correct. - Sécurité des chaînes — les chaînes simples, doubles, triples et brutes (
r"…") restent inchangées. - Sécurité des commentaires — les commentaires de ligne, de bloc, et de dartdoc (
///) sont conservés et réformulés proprement. - Espacement au niveau du niveau supérieur — insère une ligne vide entre les déclarations au niveau supérieur pour améliorer la lisibilité.
- Traitement côté client à 100 % — votre code ne quitte jamais le navigateur, donc il est sécurisé pour des codes privés.
Cas d'utilisation
- Nettoyage rapide d'un extrait copié d'une réponse sur Stack Overflow ou d'un message de discussion.
- Revues de code sur GitHub ou GitLab où vous souhaitez comparer les sorties normalisées avant de commenter sur le style.
- Formation des nouveaux développeurs qui n'ont pas encore l'installation du SDK Dart localement.
- Vérification de santé avant commit lorsque vous souhaitez comparer la sortie de votre éditeur avec un autre formatage.
- Arbres de widgets Flutter où les virgules en fin de liste réduisent le bruit des différences.
FAQ
-
Quel style suit le formatage ?
Le formatage reflète les conventions imposées par
dart format(l'outil officiel du SDK Dart), inspiré par le package dart_style. Il vise une longueur de ligne par défaut de 80 caractères, applique un indent de deux espaces, normalise l'espacement des opérateurs, et regroupe les directives dans l'ordre canonique : dart:, package:, puis relatifs. -
Pourquoi les virgules en fin sont-elles importantes dans Dart et Flutter ?
Une virgule en fin d'une liste d'arguments ou de paramètres à plusieurs lignes indique au formatage de placer chaque élément sur sa propre ligne. Dans les arbres de widgets Flutter, cela améliore considérablement la lisibilité et produit des différences plus significatives, donc le guide de style officiel de Dart encourage l'utilisation de virgules en fin pour toute liste qui dépasse une seule ligne.
-
Qu'est-ce que dart_style ?
dart_style est le package open-source Dart qui alimente
dart format, les formateurs des IDE d'Android Studio, IntelliJ et VS Code, et le formatage sur dartpad.dev. Il applique un algorithme déterministe, unique, de style, de sorte que deux fichiers Dart correctement formatés apparaissent identiques, quel que soit l'auteur. -
Comment les opérateurs de null-safety comme ??, ?., et ! influencent-ils le formatage ?
Les opérateurs sensibles à la null-safety sont conservés proches de leurs opérandes :
?.et!n'ont jamais d'espaces autour, tandis que??et??=se comportent comme des opérateurs binaires avec un seul espace à chaque côté. Cela correspond au comportement de dart_style pour le code de null-safety sûr.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 6 juin 2026
