prettier/prettier

これは何？

主な機能

• 01コードを解析し、一貫したルールと行の折り返しを適用して再出力する
• 02JavaScript、TypeScript、JSX、CSS、HTML、Vue、GraphQL、Markdown、YAMLに対応
• 03プラグインで対応言語を追加できる
• 04CLI、Node API、エディター連携から利用できる
• 05ファイルを書き換えずにCIでフォーマットをチェックできる

ユースケース

• JavaScriptやTypeScriptのリポジトリ全体でコードスタイルを統一する
• 開発中、エディターでファイルの保存時に整形する
• pre-commitフックやCIパイプラインでフォーマットチェックを実行する
• 同じプロジェクト内のMarkdown、YAML、CSSファイルのフォーマットを統一する

クイックスタート

1. 1

   npmでPrettierを開発用依存関係としてインストールする

   npm install --save-dev --save-exact prettier
2. 2

   Prettierでファイルをフォーマットする

   npx prettier --write .

トピック

よくある質問

prettier とは？

JavaScript、TypeScript、CSS、HTML、Markdown、YAMLなどを、統一されたスタイルに整形し直す、独自の方針を持つコードフォーマッターです。 PrettierはコードをASTに変換してから独自のルールで再出力し、設定した最大行幅を超える行は折り返します。出力形式がツールによって決まるため、コードレビューでスタイルについて議論しなくても、チーム全体で一貫したフォーマットを保てます。

prettier は無料で使えますか？ライセンスは？

prettier は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

prettier は今もメンテナンスされていますか？

活発にメンテナンス中。prettier の最終コミットは 2026年10月20日 です。

prettier は何に使えますか？

JavaScriptやTypeScriptのリポジトリ全体でコードスタイルを統一する 開発中、エディターでファイルの保存時に整形する pre-commitフックやCIパイプラインでフォーマットチェックを実行する 同じプロジェクト内のMarkdown、YAML、CSSファイルのフォーマットを統一する

prettier のインストール方法は？

npmでPrettierを開発用依存関係としてインストールする: npm install --save-dev --save-exact prettier Prettierでファイルをフォーマットする: npx prettier --write .

prettier はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/prettier/prettier