コードの塔 · 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 スタンドアロン版を実行しています。各言語のパーサーは初めて使うときにダウンロードされ、コードがデバイスの外に出ることはありません。