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.