自動で 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 を使えばフォーマットの幅が広がりそうです。
おわり ₍ ᐢ. ̫ .ᐢ ₎
[参考]