Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 307
MAN Avatar asked Jan 27 '17 16:01

MAN


People also ask

How do I change the sidebar in VS Code?

Conversation. VSCode tip: You can move the sidebar/file explorer to the right-hand side of your editor via View > Appearance > Move Side Bar Right.


2 Answers

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,
like image 62
Addison Avatar answered Oct 16 '22 16:10

Addison


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

like image 7
Mark Avatar answered Oct 16 '22 14:10

Mark