Underrated VSCode feature: Native Tabs

At work, I often have to make changes to many repository-based projects at the same time. They can be multiple back-end projects, multiple front-end projects, documentation, infra as code, etc.

With so many projects, I used to often struggle with many VSCode windows.

I tried working with VSCode Workspaces, but they didn’t really click for me.

However, there is a feature called Native Tabs that allows me to group all my VSCode windows together and move between them easily. Notice how each project is in a different tab:

Native Tabs on VSCode

How to setup Native Tabs

Look for Native Tabs on Settings or add "window.nativeTabs": true to your settings.json.

Native Tabs Settings on VSCode

Restart VSCode.

How to move between Native Tabs

Add shortcuts to workbench.action.showPreviousWindowTab and workbench.action.showNextWindowTab to move between them without having to navigate throughout the screen with the mouse cursor.

[ { "key": "ctrl+shift+h", "command": "workbench.action.showPreviousWindowTab", "when": "!terminalFocus" }, { "key": "ctrl+shift+l", "command": "workbench.action.showNextWindowTab", "when": "!terminalFocus" }
]
Enter fullscreen mode
Exit fullscreen mode

Also add a shortcut for creating a new Native Tab.

[ { "key": "ctrl+shift+t", "command": "workbench.action.newWindowTab" }
]
Enter fullscreen mode
Exit fullscreen mode

Done. Enjoy your Native Tabs.


Discover more from Coursity

Subscribe to get the latest posts sent to your email.

Leave a Comment

Your email address will not be published. Required fields are marked *

Discover more from Coursity

Subscribe now to keep reading and get access to the full archive.

Continue reading

Scroll to Top
Martins ad network.