How can I switch word wrap on and off in Visual Studio Code

Question

When using code files  you typically don t need longer lines to wrap around  However  with  md files this is in fact rather useful  However  I can t seem to find the option to enable word wrap so longer lines will be wrapped   To reproduce  open Visual Studio Code resized to a small-enough window  and enter the following text in a new document   This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  This is my test lorem ipsum  A linebreak before this     The effect is this     I m trying to get the horizontal scrollbar to stay away  having line 1 wrap around at the right side of the window   I ve done a few things to answer my own question    Search Stack Overflow  zero results at the time of writing this  Meticulously going through the menu of Visual Studio Code  didn t find it  Using the Command Palette with  wrap   gives no matching commands    Perhaps it s not possible  and I d need to file a feature request  Or am I missing something   Note that I d like to be able to turn it on and off quickly  For one   PanagiotisKanavos mentioned in comments this solution to change wrapping behavior in the settings  but I m looking for a quick command or menu option to do this  much like Notepad   and Sublime Text 2 have

User · Answer

Since version 0 3 0  wrapping has been put in the command palette  You can activate it with Toggle Word Wrap or Alt   Z

User · Answer

Go to the Preferences tab  menu File  rarr  Settings   and then search as    word wrap     The following animated image is helpful too

User · Answer

Go to menu File  rarr  Preferences  rarr  User Settings   It will open up Default Settings and settings json automatically  Just add the following in the settings json file and save it  This will overwrite the default settings      Place your settings in this file to overwrite the default settings    editor wrappingColumn   0

User · Answer

Explained here Language-specific editor settings but specifically   Ctrl Shift P and type  quot Preferences  Configure Language Specific Settings quot  Select the language or add section in the file  start typing  quot   quot  to see list of suggestions  or edit section as you like if already there  Example          markdown               editor wordWrap    on                plaintext               editor wordWrap    bounded                typescript               editor tabSize   2           editor wordWrap    off

User · Answer

In version 1 52 and above go to File  gt  Preferences  gt  Settings  gt  Text Editor  gt  Diff Editor and change Word Wrap parameter as you wish

User · Answer

Windows  Ctrl   Shift   press the key  P   Now on the command line  type Toggle Word Wrap and press Enter  Mac  Command   Shift   press the key  P   Now in the command line  type Toggle Word Wrap and press Enter

User · Answer

Here you go with word-wrap on Visual Studio Code

User · Answer

Word wrap settings redesign  Here are the new word wrap options   editor wordWrap   off  - Lines will never wrap  editor wordWrap   on  - Lines will wrap at viewport width  editor wordWrap   wordWrapColumn  - Lines will wrap at the value of editor wordWrapColumn  editor wordWrap   bounded     Lines will wrap at the minimum of viewport width and the value of editor wordWrapColumn

User · Answer

If you want a permanent solution for wordwrapping lines  go to menu File  rarr  Preference  rarr  Settings and change editor wordWrap   on   This will apply always   However  we usually keep changing our preference to check code  So  I use the Alt   Z key to wrap written code of a file or you can go to menu View  rarr  Toggle Word Wrap  This applies whenever you want not always  And again Alt   Z to undo wordwrap  will show the full line in one line

User · Answer

I am not sure when it was added  but I m using v0 10 8 and Alt   Z is the keyboard shortcut for turning word wrap on and off  This satisfies the requirement of  able to turn it on and off quickly    The setting does not persist after closing Visual Studio Code  To persist  you need to set it through Radha s answer of using the settings json file        Place your settings in this file to overwrite the default settings    editor wrappingColumn   0

User · Answer

Since v1 0 you can toggle word wrap    with the new command editor action toggleWordWrap  or from the View menu   View    rarr  Toggle Word Wrap   or using the ALT Z keyboard shortcut  for Mac    Z     It can also be controlled with the following settings    editor wordWrap editor wordWrapColumn editor wrappingIndent     Known issues    renderLineHighlight should highlight the entire logical line   If you d like these bugs fixed  please vote for them

User · Answer

wrappingColumn has been deprecated in favour of wordWrap   Add this line to settings json to set wordWrap on by default    editor wordWrap    on     or open user settings   Mac           Windows  Ctrl       Then search for  wordWrap  or scroll through the  Commonly Used  settings to find it and select  on

User · Answer

For Dart check  quot Line length quot  property in Settings

User · Answer

If you want to use text word wrap in your Visual Studio Code editor  you have to press button Alt   Z for text word wrap  Its word wrap is toggled between text wrap or unwrap

User · Answer

This is from the VS Code docs as of May 2020      Here are the new word wrap options   editor wordWrap   off  - Lines will never wrap  editor wordWrap   on  - Lines will wrap at viewport width  editor wordWrap   wordWrapColumn  - Lines will wrap at the value of editor wordWrapColumn  editor wordWrap   bounded  - Lines will wrap at the minimum of viewport width and the value of editor wordWrapColumn     So for example  if you want to have the lines wrapped at the boundary of the window  you should    Open settings json  Hit CTRL SHIFT P and type  settings json   Put  editor wordWrap    bounded  in the json file  like this              editor wordWrap    bounded               and then it should work

User · Answer

Since 1 9  it s possible to select a specific language for word wrap settings  or any settings   You can find this in the command palette under   Preferences  Configure Language Specific Settings     Which will take you to your  settings json  for a selected language where you might include     markdown         editor wordWrapColumn   100     editor wordWrap    wordWrapColumn

User · Answer

Mac  Code -  Preferences -  Settings -  Type wordwrap in Search settings -  Change Editor  Word Wrap from off to on  Windows  File -  Preferences -  Settings -  Type wordwrap in Search settings -  Change Editor  Word Wrap from off to on

User · Answer

Check out this screenshot  Toogle Word Wrap

[visual-studio-code] How can I switch word wrap on and off in Visual Studio Code?

Examples related to visual-studio-code