Why Prettier does not format code in VSCODE?

Question

In my Nuxt application where ESlint and Prettier are installed and enabled, I switched to Visual Studio Code editor.

When I open a .vue file and pre

Answer 1

I am not using Vue, but had the same problem.

I already had the settings

• Editor: default formatter to prettier
• Editor: Format on Save to true
• I already had .eslintrc.js and .prettierrc files But nothing worked.

The solution to my problem was that I had all set properly, except I needed to:

• Command + Shift + p
• type format document with
• select Configure Default Formatter...
• select Prettier as default.

I don't know why the Editor: Format on Save set to true was not enough. I needed to select default formatter using the above steps so it worked.