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

by

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.

demo of explorer guidelines

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.

More Related Contents:

  1. How to set up vscode to close window for tags in html?
  2. How do I collapse sections of code in Visual Studio Code for Windows?
  3. How can I switch word wrap on and off in Visual Studio Code?
  4. Multiline editing in Visual Studio Code
  5. Why are there grey blocks of color on the VS Code editor window?
  6. VS Code – how to rollback extension/install specific extension version
  7. How can I install vscode-server in linux offline [duplicate]
  8. How can you create multiple cursors in Visual Studio Code
  9. Should I commit the .vscode folder to source control?
  10. How to change environment’s font size?
  11. Multiline regular expression search in Visual Studio Code
  12. How to reset intellisense in VS Code?
  13. How do I see a bin file in a hex editor in Visual Studio Code?
  14. How do I remove inline parameter hints in VSCode?
  15. Prevent autocomplete in Visual Studio Code
  16. How to exclude file extensions and languages from “format on save” in VSCode?
  17. Select all occurrences of selected word in VSCode
  18. How to restart VScode after editing extension’s config?
  19. How to associate a file extension with a certain language in VS Code
  20. How to restore the menu bar in Visual Studio Code
  21. Is there a way to turn on ES6/ES7 syntax support in vscode?
  22. Where can I find a list of all possible keys for tm-themes for syntax highlighting?
  23. Code-runner configuration for running multiple cpp classes in vscode
  24. Change highlight text color in Visual Studio Code
  25. How can I disable GPU rendering in Visual Studio Code
  26. How to make vscode not wait for finishing a preLaunchTask?
  27. How to change indent guide line color between brackets in VSCODE?
  28. How to unhide/show the ‘Activity Bar’ on Visual Studio Code?
  29. Can I automatically start a task when a folder is opened?
  30. Open multiple Projects/Folders in Visual Studio Code

Leave a Comment