How can I put a HTML tag in one line in VS Code?

Question

The VS Code in my Mac pc is automatically breaking the customer HTML tags in new lines. This is making the length of the whole code much bigger. For example, I want below code in one line

<FormInput name="propertyTax" width="43%" height="7%" placeholder="3,200"></FormInput>

But the VS code is showing as below.

<FormInput
name="propertyTax"
width="43%"
height="7%"
placeholder="3,200">
</FormInput>

I tried change wordwrap from settings with no luck.

Please help me.

Clos

Do you have the setting HTML > Format: Wrap Attributes set to anything besides auto? If so, that can cause what you are seeing. And see https://mcmap.net/q/642371/-disable-html-attribute-alignment-in-visual-studio-code. – Kean

Answer 1

Just press F1, and type: join lines

Cabbagehead

Don't forget to select all. Ctrl/Command + a – Scaler

Answer 2

You can try switching off any formatters that you have in VSCOde. Go to Code > Preferences > Settings and search for "Format" and try switching off "Format on Save" and any other format option that you have.

Afterdeck

"Format on Save" worked. Thanks a lot. – Clos

Eventually you have to format one day! How can I override the lint formatter itself ? – Faints

Answer 3

If you're using Prettier formatter. Go to Settings and search for this: prettier.printWidth and change from default 80 to 300.

Jerrodjerrol