VS Code: How to increase the default Explorer indentation


How do I increase the default indentation size in the Visual Studio Code's Explorer pane?


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

The default size is 10 which I prefer to increase to 24.

It should be noted also that in the default view there are no guidelines in the Explorer. If you want the TreeView to have grid lines you can use the workbench.colorCustomizations setting. Here is an excerpt from settings.json for that:


  "workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#00ff00"