Skip to content

VS Code — Hide/Show Editor Tabs

VS COde Hide or 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.

VS Code Show Editor Tabs

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

Let me know what you think about this article in the comments section below.

If you find this article helpful, please share it with others and subscribe to the blog to support me, and receive a bi-monthly-ish e-mail notification on my latest articles.