How to tell VS Code format doc to wrap line after certain length?

Question

In Visual Studio Code, when you press ALT SHIFT F to format HTML document, VS Code would wrap a line that is too long into multiple lines.

I think VS Code let the line grow too long before wrapping. Is there a setting in VS Code to tell it to wrap after certain line length?

This question is NOT a duplicate of the hard wrap question. This is about wrapping during format document process.

score 16 · Accepted Answer · answered May 06 '18 at 10:48

16

Open user settings: File - Preferences - Settings

Then add/edit this item:

"html.format.wrapLineLength": 80

FYI the new settings are in effect after you save the changes.

answered May 06 '18 at 10:48

Endy Tjahjono

7

Is there any way to do this if it isn't an HTML file? – Advait Junnarkar Dec 20 '19 at 00:49
4

for me this didn't work. – Vladimir Despotovic Jan 17 '20 at 10:33
To anyone finding that this may not be working do check that there isn't a custom .vscode/settings.json file in your workspace that is overriding the html.format.wrapLineLength setting – m12lrpv Feb 22 '22 at 00:27

score 10 · Answer 2 · answered Feb 12 '19 at 09:27

10

If you are formatting HTML and are annoyed that VScode formats your long lines into multiple lines, go to:

File > Preferences > Settings

Search for:

HTML › Format: Wrap Line Length

and set it to 0

answered Feb 12 '19 at 09:27

4

for me this didn't work. – Vladimir Despotovic Jan 17 '20 at 10:36
To anyone finding that this may not be working do check that there isn't a custom .vscode/settings.json file in your workspace that is overriding the html.format.wrapLineLength setting – m12lrpv Feb 22 '22 at 00:27

2 Answers2