How can I hide indent guides in Visual Studio Code?

Question

How can I hide the following lines to get a cleaner code view?

Like this in the official documentation:

How can I do that or find settings in the documentation?

Answer 1

Press Ctrl + Shift + p, type settings and select Preferences: Open Settings (JSON) to open User Settings, and add this:

// Controls whether the editor should render indent guides
  "editor.renderIndentGuides": false,

This will disable the indent guides.

See the documentation for User Settings.

Edit: as on 30th May, 2022, this setting is called

  "editor.guides.indentation": false,

Answer 2

I tried the previous answers, but it would not let me, as it said the file was read-only, so the solution I found was below:

Click on menu File → Preferences → Settings.

In the search box, type "render indent guides" (without the "")

Untick the box which says "Controls whether the editor should render indent guides".

This removes the indent guides.

Answer 3

Here's a way to hide the indent lines but keep the active line indicator.

Add this to settings.json.

"workbench.colorCustomizations": {
  "editorIndentGuide.background": "#00000000" // hide via 100% transparency.
}

Only the active indent block will be visible.

To control the color of the active line, add...

"editorIndentGuide.activeBackground": "#444444b9" // Grey with some transparency.