VS Code — Display Pinned Tabs on Separate Row

VS Code allows you to pin the editor tabs.

But did you know you can now display pinned tabs on a separate row?

This way, it makes it easier to differentiate between pinned tabs and regular editor tabs.

Let’s check it out!

Contents hide

1. Display Pinned Tabs on Separate Row

1.1. Comments

🎥 Fancy a video instead?

Display Pinned Tabs on Separate Row

Press CTRL + , (comma) to open the Settings tab.

Or to go File -> Preferences -> Settings.

Search for “pinned tas on separate row” and tick the checkbox.

Now the pinned tabs are displayed on the top row, while the other tabs are on the bottom row.

You can also use the workbench.editor.pinnedTabsOnSeparateRow (true|false) setting in your settings.json file.

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.