DEV Community

Cover image for Extensions/preferences/settings to clean up the Visual Studio Code UI?
Josh Pigford
Josh Pigford

Posted on

Extensions/preferences/settings to clean up the Visual Studio Code UI?

I've recently switched from Sublime Text to Visual Studio Code and while it's a net-positive, I do tend to find myself overwhelmed by all the icons/button VSC shows.

I'd much prefer to access necessary in-app tools with keyboard shortcuts versus always showing me all the things.

So, what are some preferences/settings/extensions I should look in to for making the VSC UI less-overwhelming?

Top comments (6)

Collapse
 
tux0r profile image
tux0r

Use a minimal theme. Disable that shady sidebar.

Collapse
 
cipritom profile image
Ciprian Tomoiaga

Thanks ! Any suggestions for the theme ? Also, where can we disable the shady sidebar ? As the OP, we're newbies with VSCode, so don't know all the things by heart. In Sublime, ALL settings were stored in a single JSON, so people would just share the relevant key, e.g. disable_shady_sidebar: true.

Collapse
 
tux0r profile image
tux0r

"workbench.activityBar.visible": false.

Collapse
 
jaebordley profile image
Jae

The default short cut to hide the side bar is cmd+b . You can a user shortcut for the activity bar as well. I choose option+cmd+b. That way if i need them, they are there. otherwise out of sight.

Collapse
 
jasman7799 profile image
Jarod Smith

Try Ctrl + k + z, you go into zen mode and everything is acsessible through hotkeys, but all you see is the code.

Collapse
 
itsjzt profile image
Saurabh Sharma

How about this

Minimal