Prettierとは？

非公式ベータ版翻訳

このページは PageTurner AI で翻訳されました（ベータ版）。プロジェクト公式の承認はありません。 エラーを見つけましたか？ 問題を報告 →

Prettierは以下の言語をサポートする強固なスタイルのコードフォーマッターです：

• JavaScript（実験的な機能を含む）

• JSX

• Angular

• Vue

• Flow

• TypeScript

• CSS、Less、SCSS

• HTML

• Ember/Handlebars

• JSON

• GraphQL

• Markdown（GFMおよびMDX v1を含む）

• YAML

• Lightning Web Components (LWC)

• MJML

元のスタイルをすべて除去し*、出力されるコードが一貫したスタイルに従うことを保証します（このブログ記事を参照）。

Prettierはコードを受け取り、行の長さを考慮して一から再出力します。

例えば、次のコードを見てください：

foo(arg1, arg2, arg3, arg4);

1行に収まるのでそのまま維持されます。しかし次の状況は誰もが経験したことがあるでしょう：

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

突然関数呼び出しのフォーマットが崩れます。これはコードが長すぎるためです。Prettierはこのような面倒な作業を代わりに行い、次のように再出力します：

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettierは元のスタイルを無視して*解析し、解析されたASTを独自のルールで再出力するため、コードベース全体で一貫したコードスタイル（ASTに影響しないコードフォーマット）を強制します。この際、最大行長を考慮し必要に応じて折り返しを行います。

さらに詳しく知りたい方には、以下のカンファレンストークが優れた導入資料となります：

脚注

* 実際には、実用的な場合には元のスタイルの一部が保持されます（空行や複数行オブジェクトを参照）。