Skip to content

VS Code: Hide Indent Lines in Explorer

VS Code Hide Indent Lines in Explorer

In this post, I will show you how to hide the indent lines in the folders explorer.

Let’s get started!

The Setting

Press down CTRL + , (comma) to open the Settings and then search for Workbench > Tree: Render Indent Guides.

This setting has 3 options:

  1. none – which hides all the lines

2. onHover (default) – shows the lines when you move the cursor over the folders and files

3. always – always show the lines

Settings.json file

You can also control these options within the settings.json file.

"workbench.tree.renderIndentGuides": "none",
"workbench.tree.renderIndentGuides": "onHover",
"workbench.tree.renderIndentGuides": "always",

πŸŽ₯ If you prefer a video instead:

Let me know what you think about this article in the comments section below.

If you find this article helpful, please share it with others and subscribe to the blog to support me, and receive a bi-monthly-ish e-mail notification on my latest articles.