Zenn
🖥

VsCode のフォーマットに優先順位がある？ フォーマッタを選び直す

に公開
tech

問題

setting.json でデフォルトのフォーマッタに Prettierを指定しているはずなのに
Prettier より Volar という拡張が優先してフォーマットに利用されてしまう

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
}

image

image

いちど Prettier でフォーマットされてから、一瞬後に Volar でフォーマットされるような挙動を見せる

解決

setting.json で 言語単位で defaultFormatter を指定することで解決した

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2023-04-15

Discussion