16

Does anybody know an extension for Visual Studio code to show a vertical guideline on sidebar (for file and folders) like netbeans?

Or maybe have some settings in vscode?

Netbeans Snapshot

Thanks for your help.

MAN
  • 425
  • 1
  • 4
  • 11

4 Answers4

28

You can add guidelines with:

"workbench.tree.renderIndentGuides": "always", // Can also be set to "onHover"

You can also change their color with:

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

And if you want to change the indentation width, you can use:

"workbench.tree.indent": 18,
Addison
  • 7,322
  • 2
  • 39
  • 55
9

And in v1.36 tree indent guides are implemented, see release notes, tree indent guides.

Plus, you can change their color with this colorCustomiztion:

"tree.indentGuidesStroke": "#ff0000"

tree indent guides

Mark
  • 143,421
  • 24
  • 428
  • 436
  • If only this could be modified per project in my workspace! It's very frustrating when you have projects that all follow similar structures in your workspace! – ivandov Sep 24 '21 at 01:13
  • You can, edit the workspace settings file instead of the global settings – JREAM Sep 17 '22 at 06:09
2

It's still not available. I assume you have problem with navigation through this tree when it comes about projects with complex directory structure (for me it's very, very annoying).

Right now I'm using extension seti-cons. It doesn't create vertical line, but adds icons for folders etc. what helps a little bit :)

Here, how it looks like on example project: enter image description here

It's not perfect, but always something.

Adrian Bystrek
  • 528
  • 2
  • 6
  • 19
1

I bring up on GitHub. see that:

Visual Studio code sidebar Vertical guideline (customize sidebar)

and other Issue

Directory tree indent guides in File Explorer

MAN
  • 425
  • 1
  • 4
  • 11
  • "Good news everybody" This is "planned" for the June, 2019 iteration: see https://github.com/microsoft/vscode/issues/75103 and https://github.com/microsoft/vscode/issues/17777 – Mark Jun 18 '19 at 18:42