'How to add more indentation in the Visual Studio code explorer file tree structure?

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

visual-studio-code vscode-settings

Solution 1:^[1]

{  
 "workbench.tree.indent": 20,  // just paste this line of code in setting.json file
  "editor.mouseWheelZoom": true // for zoom in & out font size with Ctrl+ mouse scroll
}

Solution 2:^[2]

Go to File > Preference > Settings and choose:

Workbench › Tree: Indent

Controls tree indentation in pixels.

or (in your settings.json enter this directly)

 "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.

The example picture uses: "tree.indentGuidesStroke": "#00ff00" in the colorCustomizations, so the guidelines will appear green.

{                                         // in settings.json
  "workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#00ff00"
}

In a small change coming to v1.64 note that the minimum tree indent will be raised to 4 from 0 previously. So you will not be able to go less than 4.

Solution 3:^[3]

For Mac, using your menu bar would be

Code > Preferences > Settings

Then at the Search settings type: tree or go to

Workbench > Appearance > Tree: Indent (Controls tree indentation in pixels)

and set your preferred indentation

Solution 4:^[4]

If you just want to change the indentation you can set these options:
Press Ctrl+Shift+P -> Go to Preferences: Open Settings (JSON)

"workbench.tree.indent": 18,

You can add guidelines as well with:

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

You can also change their color using:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},

Solution 5:^[5]

As of Visual Studio Code Version: 1.59.0+

You have to go: Code (on menu bar) > preferences > [user menu] > Appearance > tree:indent

I set it to 22.

Solution 6:^[6]

Besides the other answers involving settings files, the indentation may also be changed in the Files / Preferences / Settings GUI:

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Akshay Kumar
Solution 2
Solution 3	MarlonFolken
Solution 4
Solution 5
Solution 6	Chris Peacock

'How to add more indentation in the Visual Studio code explorer file tree structure?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]