VS Code — Hide/Show Editor Tabs

In this post, we’re going to have a look at how to display or hide Editor tabs in Visual Studio Code.

Let’s get started!

Hide Editor Tabs

To hide the Editor tabs, right-click in the tab title area then go to Tab Bar and select Hide.

🎥 As we’re talking about visual stuff, I strongly suggest you check out this video for a showcase of this functionality:

Show Editor Tabs

To show again the Editor tabs, press CTRL + , (comma).

Or go to File > Preferences > Settings and search for “workbench editor show tabs“.

Then select the “multiple” value from the dropdown.

Control the values via code

You can also control the display of the Editor tabs using the workbench.editor.showTabs setting in your settings.json file.

It accepts the following values:

"none" – hides all the tabs
"single" – shows the active tab
"multiple" – shows all the tabs

Comments