Issue #131 (Tips for Your Editor Tabs)10/23/24
|
|
No sports. No politics. No weather.
TLDR is read by 1,250,000 software engineers, founders, and tech workers.
Subscribe for Free →
|
|
Here are a couple of things you may not know about using tabs in your editor in VS Code.
First of all, not too long ago VS Code added the ability to drag a tab out of VS Code and into its own separate window.
When you separate a tab like this, it doesn't behave the same way as opening a new window. For example, there's no separate menubar at the top or ability to view the File Explorer or any of the other views in the Activity Bar. It's literally just a floating tab with a few window features. Of course, depending on if you're using VS Code on Windows or Mac, you'll see a difference in Window behavior.
If you want to bring the tab back to your regular editor window, you can simply drag from the tab itself (not the window area) and drop it back into the original window.
Another interesting feature you may want to enable is the ability to use your mouse's scroll wheel to switch tabs. You can do this at any time by holding the SHIFT key while scrolling over the tabs area. Or you can enable this to occur without the SHIFT key by changing the setting
Scroll To Switch Tabs.
With that enabled, anytime you scroll over your tabs will cause the currently focused tab to switch.
And one final quick tip on tabs: By default, as you open new tabs, your tabs will continue to open on a single line in your UI. This could get unwieldy so you have the option to enable the
Wrap Tabs feature in your settings. This allows tabs to wrap to a new line when your window size limits the space.
With this, a wider window might allow 7 or more tabs to appear on a single line, but if your window is not maximized tabs will wrap to multiple lines, as shown in the screenshot above.
Now on to this week's hand-picked links!
