CODEWITHSUNDEEP
treevisual-studio-codecustomizationindentationsidebar
MAN
MAN

Reputation: 475

Visual Studio code sidebar Vertical guideline (customize sidebar)

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.

Upvotes: 20

Views: 14602

Answers (4)

Addison
Addison

Reputation: 8417

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,

Upvotes: 34

Mark
Mark

Reputation: 182661

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

Upvotes: 13

Adrian Bystrek
Adrian Bystrek

Reputation: 608

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.

Upvotes: 3

MAN
MAN

Reputation: 475

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

Upvotes: 1

Related Questions