Prettier で CSS を整形し、一貫したインデントで読みやすいスタイルシートにできます。
CSS フォーマッター
Prettier で CSS を整形し、一貫したインデントで読みやすいスタイルシートにできます。
CSS フォーマッターについて
標準 CSS を Prettier で整形
フォーマッターは Prettier と PostCSS パーサーを使い、CSS のインデント、セレクター間隔、宣言、ネストしたルールの配置を整えます。構文に問題がある場合は、静かに書き換えずパーサーのエラーを表示します。
スタイルシートレビューを楽に
production からコピーした CSS の確認、スタイル上書きのデバッグ、小さなスタイルシートを PR で共有する前に使えます。一貫した整形により、見た目の変更と空白差分を分離できます。
よくある質問
このテーマに関するよくある疑問と回答をまとめました。
この CSS フォーマッターは何をしますか？
CSSコードを適切なインデントと一貫したスペーシングで自動整形し、読みやすく保守しやすくします。
インデントをカスタマイズできますか？
はい、2スペース、4スペース、またはタブベースのインデントから、チームの CSS コーディングスタイルに合わせて選べます。
SCSS などの CSS プリプロセッサに対応していますか？
このツールは標準 CSS のフォーマット用です。SCSS や他のプリプロセッサ構文には、専用のフォーマッターをご利用ください。
データはサーバーに送信されますか？
いいえ、CSS の整形はブラウザ内で完結します。スタイルシートは JavaScript でローカル処理され、サーバーへ送信されることはありません。