🎀

VSCode で設定は合っているのに Prettier が効かない時の対処法

2023/01/18に公開約700字

自分に起こったことのメモです。

事件

VSCode の Prettier フォーマット ( Format On Save) が動かなくなった〜😱

調べて出てくる解決法が役に立たなかったので困った。

  • VSCode 設定の Editor:Format On Save にチェック入ってる?
    • 入っとるわ!
  • Editor:Default Formatteresbnp.prettier-vscode 選択してる?
    • しとるわ!

settings.json にも特におかしなところはないのになぜ。。?

Format Document コマンドを試してみる

  1. COMMAND + SHIFT + P でコマンドパレット開く
  2. Format Document を選択
  3. フォーマットの選択を求められる。
    どうやら Prettier 以外のフォーマッタがデフォルトに選択されていた模様。
    (設定にはなかったと思うけど。。見逃していた可能性もある)
  4. Prettier を選択。

上記の方法で Format On Save が復活🎉
設定合ってるのにフォーマット動かない!ってときに確認してみるといいかもしれないです。

オチ(追記)

settings.json にも特におかしなところはないのになぜ。。?

global な settings.json ではなく、プロジェクトのsettings.jsonに記載がありました。

    "editor.defaultFormatter": "octref.vetur"

プロジェクトの .vscode/settings.json の中身も確かめましょう。。

Discussion

ログインするとコメントできます