Question: So the problem is that prettier does not format html very well.

for instance if I have this angular template:

```
<some-component
  some-attribute 
  [ang-binding1]='someExpr'
  [ang-binding2]='someExpr'
  (someEvent)='someFunc($event)'>
</some-component>

```

prettier will format it to something like this:

```
<some-component some-attribute [ang-binding1]='someExpr' [ang-binding2]='someExpr' (someEvent)='someFunc($event)'>
</some-component>

```

how do I disable prettier formating for html templates ?

Answer: 
As of March 2021, you can no longer disable HTML in the Prettier extension settings.

[![prettier settings](https://i.stack.imgur.com/MTqVw.jpg)](https://i.stack.imgur.com/MTqVw.jpg)

Now, you can either use a `.prettierignore` file or use VS Code's `editor.defaultFormatter` settings, as detailed in the [Default Formatter](https://github.com/prettier/prettier-vscode#default-formatter) section of the Prettier docs.

I was able to disable Prettier (and any formatter) in HTML files by going into settings.json and changing this:

```
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

```

to this:

```
"[html]": {
    "editor.defaultFormatter": null
  },

```

Or, you can use VS Code's default HTML formatting with this (my preferred option because forward slashes aren't added at the end of self-closing/void tags):

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

```
And in case you want to ignore a specific line to be formatted inside file you can do that via adding `prettier-ignore` before the code.

```
<!-- prettier-ignore -->
<div         class="x"       >hello world</div            >

```

Complete documentation: <https://prettier.io/docs/en/ignore.html>