Dart コードフォーマッター

Dart コードフォーマッター

DartまたはFlutterのソースを貼り付けて、すぐにきれいなフォーマットされたバージョンを取得できます。このフォーマットは、dart formatが強制する規則に従っています。 dart formatフォーマットはブラウザ内で完全に動作します — SDKのインストールやアップロード、遠隔サーバーへの待ち時間は一切必要ありません。ページ内で必要なすべての場面で、規則に従った出力が得られる高速で決定論的な補助ツールです。

使用方法

1. DartまたはFlutterのコードを入力エリアに貼り付け、または 例を試してみてください。 をクリックしてサンプルをロードできます。
2. 好むインデントサイズを選択してください（2スペースはdart_styleのデフォルトですが、4スペースやタブもサポートされています）。
3. をドラッグして 行の長さ スライダー — フォーマットは、ターゲットを超える行に対して警告を表示します。
4. トグル ディレクティブの並べ替えとグループ化, 終端カンマを追加と、 空白行のまとめる 必要に応じて。
5. クリック 形式 そして、クリーンに整理されたソースをコピーまたはダウンロードできます。

機能

• カスタマイズ可能な行長さ — 40から160文字までのスライダー、デフォルトは公式の80文字です。
• dart_styleにインスパイアされたインデント — 2スペース、4スペース、またはタブをサポートします。
• ディレクティブのグループ化 — 並べ替えおよびグループ化 dart:, package:、および相対インポートを、グループ間で空白行を挿入します。
• 終端カンマ — 複数行の引数およびパラメータリストにトリーリングコンマを追加し、Flutterのウィジェットツリーが期待するようにします。
• nullセーフ対応 — を保持し、適切なスペースを維持します。 ?., !, ??と、 ??= 文字列セーフ
• — シングル、ダブル、トリプル、およびraw（ ）文字列リテラルは変更されません。r"…"コメントセーフ
• — ラインコメント、ブロックコメント、およびdartdoc（ ）コメントは保持され、きれいにリフローされます。///トップレベルのスペース
• — トップレベルの宣言間で空白行を挿入して読みやすさを高めます。 — コードはブラウザ内で処理されるため、パーソナルなコードでも安全です。
• 100%クライアントサイド スニペットの迅速な整理

ユースケース

• Stack Overflowの回答やチャットメッセージからコピーした内容に対して。 GitHubまたはGitLabで、コメント前に標準化された出力を比較できます。
• コードレビュー 新規開発者への導入
• Dart SDKがまだローカルにインストールされていない場合に有効です。 コミット前チェック
• あなたのエディタの出力と、別の意見のフォーマットを比較したい場合に有効です。 Flutterウィジェットツリー
• 複数行のリストにトリーリングコンマを適用することで、差分のノイズを抑えられます。 フォーマットがどのスタイルを採用していますか？