How to disable prettier settings creating new line of > of html tag?

This can be done with help of VS Code itself. Place the following entry in your workspace settings in your vs code.

"html.format.wrapAttributes": "force-aligned"

You don't need any external plugins or extension to do this.

Or you can use the GUI settings page as well

enter image description here

enter image description here

UPDATE 01

Based on github issue in prettier repo https://github.com/prettier/prettier-vscode/issues/646

you can still merge the settings I have mentioned above.


For JSX (and other file types, like HTML) this can be done setting

"bracketSameLine": true

in your .prettierrc

see https://prettier.io/docs/en/options.html#bracket-line

(or jsxBracketSameLine for versions < 4.2.0)