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 t

Answer 1

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 2

SOLVED: "editor.renderIndentGuides": false

Answer 3

Go to

Menu File → Preferences → Settings

And search for "editor.folding". Set it to

"editor.folding": false

This will disable the lines and the folding function.

Since you want to disable the render indent guides,

From the documentation

  "editor.renderIndentGuides": false,

This will disable the indent guides.

Answer 4

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.

Answer 5

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.