How to add more indentation in the explorer file tree structure?

visual-studio-code vscode-settings
Akshay Kumar picture Akshay Kumar · Mar 23, 2019 · Viewed 13.7k times · Source

How to add more indentation in a file tree structure? It has a little bit indentation I want to increase more just like NetBeans.

check the image

enter image description here

Answer

Mark picture Mark · Mar 23, 2019

Go to File > Preference > Settings and choose:

Workbench › Tree: Indent

Controls tree indentation in pixels.

 "workbench.tree.indent": 10

and choose a high enough number for you.

Also see my answer at Visual Studio code sidebar Vertical guideline (customize sidebar) where with v1.36 you can add colorized tree indent guides to make the explorer file structure more obvious.

demo of explorer guidelines

The example picture uses: "tree.indentGuidesStroke": "#00ff00" in the colorCustomizations (I don't normally use a green color!).

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