How to remove vertical lines left by tab spaces in VSCode?

Admin 1
Viewed 821

When I use tab space in VSCode it remains a vertical line for each tab as in picture below. How can I remove them?

Picture

vscode-settings
2 Answers

The Editor > Guides: Indentation setting controls whether or not those lines are rendered. Just uncheck that box and you should stop seeing them.

vscode settings screen It's the bottom box in this image

Update based on comments: I don't think the editor can selectively render some indent guides while hiding the rest, all 'TAB SPACES' before text count as indentation to it. If you're only doing this with comments for some visual reason, you can simply start the comment early and put the spaces later like so:

Before: before changes

After: after changes

user_66986420

VS Code has options to hide/show indent guides. Steps to configure are as below.

  1. Open VS Code Settings [ Cmd + Shift + P / Ctrl + Shift + P ]
  2. Search for 'settings' and select Preferences: Open Workspace Settings
  3. Now in settings, search for 'editor>guides'
  4. Uncheck Editor > Guides: Indentation to remove guides.

VS Code Settings screenshot1

You can also choose to hide or show Editor › Guides: Highlight Active Indentation

user_53620380
Related