👏
Prettier
Prettierとは
コードのフォーマットを自動的に整えるツール。
手動でコードのインデントやスペースを揃える必要がなくなり、一貫性のあるコードを簡単に保つことができます。
ESLint と Prettier の違い
ESLint と Prettier はどちらも コード品質向上 に役立つツールですが、目的や機能が異なります。
| 比較項目 | ESLint | Prettier |
|---|---|---|
| 目的 | コードの 品質をチェック し、バグや非推奨な書き方を指摘する | コードの フォーマットを統一 して、見た目を整える |
| 機能 | - 変数の未使用チェック - コードのバグ検出 - コーディング規約の強制 |
- インデントの統一 - クォート（ " vs ' ）の統一- 改行やスペースの自動調整 |
| ルールのカスタマイズ | 可能（ .eslintrc.json で詳細設定） |
限定的（ .prettierrc で基本設定のみ） |
| エラーの検出 | 文法エラーや潜在的なバグを警告・修正 | コードの見た目を統一するだけで、バグの検出はしない |
| 自動修正（Auto-fix） | 一部のルールは --fix で自動修正可能 |
すべてのフォーマットを --write で自動修正 |
| 対応言語 | JavaScript, TypeScript など | JavaScript, TypeScript, HTML, CSS, JSON, Markdown など |
ESlint
Discussion