What is the property name to break long lines in VS Code?

Question

When I have long text line I would like to show it next line.

What is the property name in VS Code?

More info here https://stackoverflow.com/questions/43122175/automatically-hard-wrap-lines-at-column-in-vscode/45883430 — frederj, Nov 26 '19 at 16:17
Alt + z worked great. Wanted to see commit details of a line, but VS Code cuts it with "...". With Alt+z it provides multiple lines and I could see the line's commit details. — Manohar Reddy Poreddy, Mar 22 '21 at 09:09

Mable John · Accepted Answer · 2021-10-14T06:04:17.670

211

The menu under File > Preferences or press Ctrl+, (on Mac Code > Preferences > Settings or press Command (or Cmd) ⌘+,) provides entries to configure user and workspace settings. You are provided with a list of default Settings.

Set editor.wordWrap: on in your User Settings or Workspace Settings under preference.

Select the below options to change to the desired settings.

Off - Lines will never wrap.
on - Lines will wrap at the viewport width.
wordWrapColumn - Lines will wrap at "Editor: Word Wrap Column".
bounded - Lines will wrap at the minimum of viewport and "Editor: Word Wrap Column".

You can toggle word wrap for the VS Code session with Alt+Z (macOS: Option (or Alt) ⌥+Z) or select View > Word Wrap from Menu.

For more about User and Workspace Settings or Key Bindings for Visual Studio Code

edited Oct 14 '21 at 06:04

answered Nov 24 '16 at 09:16

Mable John

4,518
3
22
35

2

`"editor.wordWrap": "bounded"`, as the documentation suggests. – dengApro Apr 20 '18 at 17:10
Now it's on and off no more true and false ;) – MonTea Aug 31 '20 at 14:14
don't forget the "Wrap Line Length" for HTML in settings – DavidFM Jul 26 '21 at 12:20
2

This is not exactly achieving what I want. This wraps the same line into multiple. It's still the same line. I want the formatter to break it into multiple lines if it passes a specified column length – Antonio Apr 08 '23 at 16:39

score 89 · Answer 2 · edited Nov 18 '20 at 10:38

89

On Windows, press Alt + Z (macOS: Option ⌥ + Z) to toggle word wrapping, or, select View > Toggle Word Wrap from VSCode Menu.

edited Nov 18 '20 at 10:38

Ronan Boiteau

9,608
6
34
56

answered Aug 23 '17 at 17:13

Jonathan Ramos

1,921
18
21

score 29 · Answer 3 · answered Feb 05 '19 at 07:49

29

For Windows, Pressing Alt+Z will break the line.

answered Feb 05 '19 at 07:49

JustAnotherGirl

311
3
5

score 4 · Answer 4 · answered Mar 04 '21 at 10:30

For Windows users do the following in -->

Open VScode
Go to Settings(Gear icon on the bottom-left side)
Click Settings in the menu
In the searching bar search for "word wrap"
Click the drop-down menu and change it to "on"

This setting will wrap your words according to your editor: viewport.

In case this auto wrapping isn't working you can press --> Alt + z to wrap content

score 3 · Answer 5 · answered Sep 29 '19 at 17:23

3

In VS Code:

Install Beautify plugin. (or any Formatter)
Go to the file & select the desired part.
Right-Click on it & select Format Selection Or press Ctrl + k Ctrl + F.

Hope this helps.

answered Sep 29 '19 at 17:23

B. Tadjalli

51
7

score 1 · Answer 6 · answered Mar 29 '22 at 10:04

1

HTML > Format: Wrap Line Length set the maximum number of characters (for example - 1000)

answered Mar 29 '22 at 10:04

Serg Bakay

87
4

score -1 · Answer 7 · edited Feb 02 '19 at 05:15

-1

You can press Ctrl + W / Ctrl + L to toggle word wrapping or select Main menu "Edit>Advanced>Word Wrap" .

edited Feb 02 '19 at 05:15

Machavity

30,841
27
92
100

answered Feb 02 '19 at 05:09

Umesh Dhus

1

What is the property name to break long lines in VS Code?

7 Answers7

Linked