Skip to content

VS Code: Multi Select Editor Tabs

VS Code Multi Select Editor Tabs thumbnail

You can now select multiple tabs and move, pin, or close them with a single action.

🎥 Because this tutorial is visual, I recommend watching this video where I explain the entire process step by step:

How-to

When a tab is selected, its title turns white.

VS Code editor tab turns white when selected

Let’s go ahead and select multiple tabs by using CTRL + CLICK.

VS Code select multiple editor tabs

Now that they’re selected, we can apply actions to them at once.

Drag them to the right-hand side of the screen.

VS Code editor tabs multi selected dragged to the right-hand side of the screen

If you want to save some clicks, you can also select a range of tabs by using SHIFT + CLICK.

There are two rows of tabs on the left-hand side of the image below.

The first row consists of the following files: UpdatePasswordForm.tsx, Dashboard.tsx and bootstrap.tsx.

The second row consists of only one file: Welcome.tsx.

VS Code two rows of editor tabs

When we use SHIFT + CLICK on the first row, only the tabs from that row are selected.

VS Code select only the first editor tab row

As you can see in the image above, the only tab that remains unselected is Welcome.tsx.

Let’s go ahead and pin the selected tabs by using CTRL + K SHIFT + ENTER; or by right-clicking on one of the selected tabs and select Pin.

VS Code multi select and pin the editor tabs in a single action

Let’s do one final action and close the selected tabs simultaneously.

Select the tabs using one of the ways you learned in this tutorial and then use CTRL + F4 to close them, or right-click on one of the selected tabs and then choose Close.


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.   
  

Comments