TypeScriptフォーマッター
このTypeScript FormatterでTypeScriptコードを整えましょう。インターフェース、型、列挙型、ジェネリクス、クラス、関数を貼り付けると、トークンごとにレイアウトを整えます。インデントはスペース2つ、型注釈のコロンの後と演算子の前後にはスペースを入れ、ブロックや列挙型ではメンバーごとに1行使い、文末にはセミコロンを付けます。共有やレビューの前にスニペット、生成コード、貼り付けたサンプルを整えたい開発者に最適です。
よくある質問
TypeScript Formatterはどのように動作しますか？
中かっこ、セミコロン、演算子、文字列、コメントなどのトークン列としてコードを読み取り、それらを基にレイアウトを再構成します。中かっこでインデントされたブロックを開始し、セミコロンで行を終え、演算子の前後には一貫した間隔を設けます。
TypeScriptにエラーがないかチェックしますか？
いいえ。型チェックも構文検証もしないため、未完成のスニペットも整形できます。コードがコンパイルできるか確認するには、tscまたはエディターのチェック機能を実行してください。
インターフェースと列挙型はどのように整形されますか？
インターフェースとクラスの本体は、スペース2つのインデントでメンバーごとに1行にし、各メンバーの後にセミコロンを付けます。列挙型のメンバーも1つずつ行に配置し、最後のメンバーを含めてそれぞれの後に末尾のカンマを付けます。
ジェネリクスはそのまま保持されますか？
はい。Array<T>やMap<string, T>などのジェネリクスの山かっこを追跡し、比較演算子と誤認しないようにします。かっこ内のカンマの後のスペースは統一されます。
どのようなインデントを使いますか？
ブロックのインデントにはスペース2つを使い、変更するオプションはありません。代入やreturnの後にある短いオブジェクトリテラルは1行のままです。
コメントは保持されますか？
はい。行コメントは行末で終わり、コードはその下に続きます。ブロックコメントは元の位置に保持されます。
文字列とテンプレートリテラルは変更されますか？
いいえ。文字列リテラル、テンプレートリテラル、正規表現は記述どおりにコピーされます。並べ替えられるのはトークン間の空白だけです。
整形するとコードの動作が変わりますか？
フォーマッターが変更するのは空白だけで、文末に不足しているセミコロンを追加します。かっこで始まる行など、通常とは異なる位置で自動セミコロン挿入に依存するコードの場合は、結果を確認してください。
出力がtypescriptのコードフェンスで囲まれているのはなぜですか？
結果はtypescriptとして指定されたMarkdownのコードブロックで返されるため、Markdown、issue、チャットでハイライト表示されます。.tsファイルに使う場合は、フェンスの間にある行をコピーしてください。
コードはどれくらいの大きさまで処理できますか？
1回の実行で最大5 MBのコードを整形できます。それより大きい入力はメッセージとともに拒否されます。結果はCode FormatterのTypeScriptオプションと同じです。