Dart-Code-Formatter
Führung
Dart-Code-Formatter
Füge deinen Dart- oder Flutter-Quellcode in das Eingabefeld ein und erhält sofort eine sauber formatierte Version, die den von dart formatverfolgten Konventionen entspricht. Der Formatter läuft vollständig im Browser – keine SDK-Installation, keine Uploads und keine Wartezeit auf einen entfernten Server. Er ist ein schneller, deterministischer Assistent für alle Situationen, in denen du spezifizierte, konformen Ausgabe ohne den Browser zu verlassen benötigst.
Nutzung
- Füge deinen Dart- oder Flutter-Code in das Eingabefeld, oder klicke Probieren Sie ein Beispiel aus um ein Beispiel zu laden.
- Wähle deine bevorzugte Indentationsgröße (2 Leerzeichen ist der Standardwert von dart_style, 4 Leerzeichen und Tabs werden ebenfalls unterstützt).
- Ziehen Sie das Zeilenlänge Feld – der Formatter warnt dich bei Zeilen, die deine Zielanzahl überschreiten.
- Umschalten Sortieren und Gruppieren von Direktiven, Kommas am Ende hinzufügenund Leere Zeilen zusammenfassen wie nötig.
- Klicken Sie auf Format und kopiere oder lade die formatierte Quelle herunter.
Funktionen
- Konfigurierbare Zeilenlänge – Schieberegler von 40 bis 160 Zeichen, Standardwert ist die offizielle 80.
- Dart_style-ähnliche Indentierung – unterstützt 2, 4 Leerzeichen oder Tabs.
- Gruppierung von Direktiven – sortiert und gruppiert
dart:,package:, und relative Imports mit einer leeren Zeile zwischen den Gruppen. - Kommas am Ende – fügt bei mehrzeiligen Argument- und Parameterlisten ein Endkomma hinzu, genau wie Flutter-Widget-Baum erwartet.
- Null-Safety-bewusst – behält
?.,!,??und??=mit der korrekten Abstandierung. - String-sicher – einzelne, doppelte, dreifache und rohe (
r"…") String-Literale werden unverändert gelassen. - Kommentar-sicher – Zeilen-, Block- und Dartdoc (
///) Kommentare werden erhalten und sauber umgeformt. - Top-Level-Abstand – fügt eine leere Zeile zwischen den Top-Level-Deklarationen ein, um die Lesbarkeit zu verbessern.
- 100% clientseitig – dein Code verlässt den Browser nie, daher ist er für proprietäre Code sicher.
Anwendungsfälle
- Schneller Reinigung eines Snippets, das aus einer Antwort auf Stack Overflow oder einer Chat-Nachricht kopiert wurde.
- — Wenn Sie neu in SQL sind, sind formatierte Abfragen viel einfacher zu verstehen auf GitHub oder GitLab, wo du die normalisierten Ausgaben vor dem Kommentieren zur Stilabstimmung vergleichen möchtest.
- Einführung neuer Entwickler die noch kein lokales Dart SDK installiert haben.
- Vor-Commit-Prüfung wenn du die Ausgabe deines Editors mit einer zweiten Meinung vergleichen möchtest.
- Flutter-Widget-Baum wo konsistente Endkommas den Diff-Rausch minimieren.
Häufig gestellte Fragen
-
Welche Stilrichtlinien folgt der Formatter?
Der Formatter spiegelt die Konventionen wider, die von
dart format(dem offiziellen Werkzeug aus dem Dart SDK) verfolgt werden, inspiriert von dem dart_style-Paket. Er richtet sich an eine Standardzeilenlänge von 80 Zeichen, verwendet eine Indentierung mit zwei Leerzeichen, normalisiert den Operatorabstand und gruppiert Direktiven in der Reihenfolge dart:, package:, dann relative. -
Warum sind Endkommas in Dart und Flutter wichtig?
Ein Endkomma am Ende einer mehrzeiligen Argument- oder Parameterliste teilt dem Formatter mit, dass jedes Element auf einer eigenen Zeile bleibt. In Flutter-Widget-Baum verbessert dies die Lesbarkeit erheblich und führt zu sinnvolleren Differenzen, weshalb die offizielle Dart-Stilrichtlinie Endkommas für jede Liste, die über mehrere Zeilen geht, empfiehlt.
-
Was ist dart_style?
dart_style ist die Open-Source-Dart-Bibliothek, die
dart format, die IDE-Formater in Android Studio, IntelliJ und VS Code, sowie den Formatter auf dartpad.dev, antreibt. Sie verwendet ein deterministisches, einheitliches Format, sodass zwei korrekt formatierte Dart-Dateien unabhängig von der Person, die sie geschrieben hat, identisch aussehen. -
Wie wirken sich Null-Safety-Operatoren wie ??, ?., und ! auf die Formatierung aus?
Null-bewusste Operatoren werden eng an ihre Operanden gehalten:
?.und!haben keine umgebenden Leerzeichen, während??und??=verhalten wie binäre Operatoren mit einem Leerzeichen auf jeder Seite. Dies entspricht dem Verhalten von dart_style bei sicherer Null-Safety-Code.
Erweiterungen installieren
IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche
恵 Die Anzeigetafel ist eingetroffen!
Anzeigetafel ist eine unterhaltsame Möglichkeit, Ihre Spiele zu verfolgen. Alle Daten werden in Ihrem Browser gespeichert. Weitere Funktionen folgen in Kürze!
Unverzichtbare Tools
Alle Neuheiten
AlleAktualisieren: Unser neuestes Werkzeug wurde am 6. Juni 2026 hinzugefügt
