Prettier Not Formatting on Save

Question

Pretty basic, but I'm stuck. Prettier extension is not formatting my code on save in VS Code.

• VS "Editor: Format on Save" in Settings is checked on.
• Prettier (latest version 9.3.0): Installed, enabled in settings, and is set to VS's default formatter.
• settings.json file looks like this...

{"prettier.useTabs": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnPaste": true,
"prettier.jsxSingleQuote": true,
"prettier.jsxBracketSameLine": true,
"workbench.iconTheme": "vscode-icons",
"editor.formatOnSave": true }

Still, Prettier isn't working. What am I missing?

Answer 1

Add prettier as you default formatter. You can follow this steps.

Also in the vs code settings, set the "Format on save Mode" to "file". VS Code Format Settings Page

Answer 2

Try to add Prettier as your 'Default Formatter'. Check on @Hamed post here