かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

Prettier JS はシングルクォーテーションで CSS はダブルクォーテーションにしたい

自動で JS, CSS の整形をしてくれる Prettier とても便利で愛用しています。
同じクオートの設定を JS の時は ' (Single Quote), CSS の時は " (Double Quote) とで分けたい時のメモ

overrides, files を使って設定の場合分けができる

.prettierrc.json

{
  "singleQuote": true,
  "overrides": [
    {
      "files": ["**/*.css", "**/*.scss", "**/*.html"],
      "options": {
        "singleQuote": false
      }
    }
  ]
}

デフォルトでは Single Quote ' を使い、拡張子が .css, .scss, .html の場合は singleQuote: false つまり Double Quote " でフォーマされるようになる

同じように overrides を使えばフォーマットの幅が広がりそうです。
おわり ₍ ᐢ. ̫ .ᐢ ₎


[参考]