How can I hide indent guides in Visual Studio Code?

visual-studio-code vscode-settings
Skif picture Skif · Mar 13, 2018 · Viewed 9.7k times · Source

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

Enter image description here

Like this in the official documentation:

Enter image description here

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

Answer

Phiter picture Phiter · Mar 13, 2018

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.

Related questions

How can I customize the tab-to-space conversion factor?

How do I customize the tab-to-space conversion factor when using Visual Studio Code? For instance, right now in HTML it appears to produce two spaces per press of TAB, but in TypeScript it produces 4.

Read More
How do I use Bash on Windows from the Visual Studio Code integrated terminal?

Visual Studio Code on Windows uses PowerShell by default as the integrated terminal. If you want to use Bash from Visual Studio Code, what steps should be followed?

Read More
Vertical rulers in Visual Studio Code

How can vertical rulers (note the plural) be configured in Visual Studio Code? In Sublime Text 2 I can do "rulers": [72, 80, 100, 120] How does this work in Visual Studio? "editor.ruler": 80 produces only one vertical ruler.

Read More