使い方

テキストを貼り付け、UTF-8 ファイルを開くか、サンプルを試してください。
入力と設定を選び、実行するか自動実行を有効にしてください。
結果を確認してコピー・保存します。入力を変えると前の結果は無効になります。

JavaScript フォーマッター

JavaScript、JSX、TypeScript、TSX を実行せずに整形します。

処理はブラウザー内で完結し、入力は DevToolsy に送信されません。

仕組み

Prettier が構文を解析し、空白とインデントを統一します。JavaScript / JSX または TypeScript / TSX を選択してください。構文エラーには位置を示します。

変換前と変換後

入力

const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}

出力

const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

JavaScript、JSX、TypeScript、TSX を実行せずに整形します。

オプションとデータの保持

インデント、行幅、引用符、セミコロンを調整できます。コンパイラー、linter、圧縮ツールではありません。コード実行や import の解決はしません。

結果の利用

成功は構文を解析できたことのみを意味します。型、import、実行結果はプロジェクトのコンパイラー、linter、テストで確認してください。

結果を確認してコピー・保存します。入力を変えると前の結果は無効になります。

処理の制限

UTF-8 入力は各文書 1 MiB、出力は 8 MiB まで。JSONPath と Schema は 5 秒、その他は 30 秒でタイムアウト。

参考資料Prettier options

よくある質問

対応する入力言語は？

Prettier が構文を解析し、空白とインデントを統一します。JavaScript / JSX または TypeScript / TSX を選択してください。構文エラーには位置を示します。

引用符やセミコロンを選べますか？

型やロジックも検査しますか？

いいえ。成功は構文を解析できたことのみを意味します。型、import、実行結果はプロジェクトのコンパイラー、linter、テストで確認してください。

入力はアップロードされますか？

処理はブラウザー内で完結し、入力は DevToolsy に送信されません。

ローカルファイルを開けますか？

UTF-8 入力は最大 1 MiB · 出力は最大 8 MiB