TypeScriptフォーマッター

TypeScript フォーマッターは、TypeScript と TSX のインデント、空白、折り返し、セミコロン、引用符、末尾のカンマを統一します。インターフェース、型エイリアス、ジェネリクス、列挙型、デコレーター、最新の JavaScript 構文、React コンポーネントに対応しています。

標準の TypeScript パーサーまたは Babel TypeScript パーサーを選び、タブまたは固定数のスペース、一定の1行の文字数を設定できます。構文エラーは整形結果へ混ぜず、別に表示します。

整形はブラウザ内で行われるため、ソースコードはサーバーへアップロードされません。Ctrl+EnterまたはCommand+Enterで整形し、結果をコピーまたは保存できます。

コードフォーマッターのよくある質問

このページでコードを整形するには?

左側のエディターにコードを貼り付けるかファイルを読み込み、必要な設定を選んで「フォーマット」を押します。右側で結果を確認し、コピーまたは保存します。

フォーマッターでエラーになるのはなぜですか?

入力は選択した言語または構文に合っている必要があります。未完成の文、対応していない括弧や引用符、入力と異なる方言やモードを確認してから再度実行してください。

コードフォーマッターはどのように動作しますか?

コードフォーマッターは言語に応じたトークンと入れ子構造を認識し、一貫した規則でインデント、空白、改行を整えます。プログラムをコンパイルしたり実行したりしないため、正しさや安全性の検査にはなりません。

この言語ではどの設定が推奨されますか?

TypeScriptモード、2スペース、80または100列から始め、セミコロン、引用符、末尾カンマはリポジトリに合わせます。TypeScriptまたはBabel TypeScriptモード、インデント、行幅、末尾のカンマ、セミコロン、引用符をTypeScriptまたはTSX向けに設定できます。