Skip to content

How to fix prettier messing up your HTML on save

New Courses Coming Soon

Join the waiting lists

Like everyone I use Prettier to format my JS files.

I’ve had some issues with Prettier formatting my HTML like this:

The solution I found is to add this to your settings.json file to tell VS Code to use the default HTML formatter instead of Prettier:

  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"

Here is how can I help you: