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!

Contents hide
1. The Setting
2. Settings.json file
2.1. Comments

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
VS Code Hide Indent Lines in Folders Explorer

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

VS Code Shows Indent Lines in Folders Explorer on hover

3. always – always show the lines

VS Code Always Show Indent Lines in Folders Explorer

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.   
  

Comments