TypeScriptの型、インターフェース、関数を整形します

コードレビューやデバッグ、引き継ぎ前にコードを整える開発者は、TypeScriptフォーマッタで読みやすい形を作れます。

TypeScriptの型、インターフェース、関数を整形し、レビューや修正、デバッグを進めやすくできます。登録不要でブラウザー内から無料で使えます。

使い方

  1. ツールを開き、メインの入力エリアに TypeScript コードを貼り付けます。
  2. または、インポート欄を使って TypeScript ファイルや対応する他のテキストファイルを読み込みます。
  3. フォーマット操作を実行して、コードの空白、改行、インデントを調整します。
  4. 出力エリアで結果を確認し、エディターで使うためにコピーします。
  5. 別のスニペットを扱う前にフィールドをクリアして、以前の内容が混ざらないようにします。

使用例

開発者がコードレビューの準備として、急いで書いた TypeScript インターフェースを貼り付け、フォーマットし、マージリクエストに追加する前に結果を元のコードと比較します。

制限と形式

処理の場所

すべてはブラウザー内で実行されます。貼り付けたコードやインポートしたコードは端末上に留まり、どこにも送信されません。アカウントを作成せずに非公開のスニペットをフォーマットできます。

よくある質問

TypeScript コードがフォーマット可能かどうかはどうすればわかりますか?

有効なスニペットを貼り付けるか、対応するファイルをインポートしてください。このツールはレイアウトに重点を置くため、TypeScript コンパイラや型チェッカーの代わりにはなりません。

JSX を含む .tsx ファイルをフォーマットできますか?

はい。フォーマットはファイルのテキストに適用されます。その後、JSX の部分を確認してください。このツールはチームの規約を強制せずにコードを表示します。

結果は元のファイルを置き換えますか?

いいえ。結果は別のエリアに表示され、必要に応じてコピーします。元のファイルは端末上で変更されません。

同じカテゴリのツール