How do I stop prettier from formatting HTML files?

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 ?

question from:https://stackoverflow.com/questions/50261161/how-do-i-stop-prettier-from-formatting-html-files

Answer 1

If you are using VS Code, you can prevent Prettier from running on HTML (or other specific languages) by adding the following to your settings:

"prettier.disableLanguages": ["html"]

You can find other VS Code specific options at the prettier/prettier-vscode GitHub page.