コードの塔 · 26 号室

コード整形ツール(Prettier)

JavaScript、TypeScript、CSS、HTML、Markdown、YAML、GraphQL を整形します。

🔒 ブラウザ内で処理 · アップロード不要 · 登録不要

Prettier でコードを整形 — ブラウザで

散らかったコードや圧縮されたコードを貼り付けて、数百万のプロジェクトで使われているフォーマッター Prettier で整形できます。JavaScript、TypeScript、JSX、JSON、CSS、SCSS、Less、HTML、Vue、Markdown、YAML、GraphQL に対応し、.prettierrc に書くのと同じオプションが使えます。

コードが整形されないのはなぜ?

Prettier はまずコードを解析する必要があるため、構文エラー(かっこの閉じ忘れ、余分なカンマなど)があると整形できません。エラーメッセージに行と列が表示されるので、そこを直すと出力が自動で更新されます。選んだ言語がコードと合っているかも確認してください。

ローカルで Prettier を実行するのと同じ?

はい。このページは公式の Prettier 3 スタンドアロン版を実行しています。各言語のパーサーは初めて使うときにダウンロードされ、コードがデバイスの外に出ることはありません。