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: 
[html.format.enable](https://code.visualstudio.com/docs/languages/html#_formatting) will turn off the default VS Code formatter. To exclude all html files in a project from being formatted you can add a **.prettierignore** file to the project root and ignore all html files.

```
*.html

```
If you are using VSCode, click Command + P (for Mac) to open the command palette.
Then type:

```
> settings

```

The > lets you enter VSCode commands.

From the results you can select `Preferences: Open Settings (JSON)` and this will open the settings JSON file so you can configure the settings fully. The Settings UI offers limited options.

In the settings file, add:

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

```

That will use the VSCode formatter for html files instead of Prettier, without disabling Prettier for other files.