Visual Studio Code open tab in new window

Visual Studio-Code

Visual Studio-Code Problem Overview


I am trying to open a tab in a new window in Visual Studio Code so I can move it to another screen. If I drag the tab the other screen, a file is created. Is there a shortcut to open a tab in a new Visual Studio Code window so I can move it to another screen?

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

On Windows and Linux, press CTRL+K, then release the keys and press O (the letter O, not Zero).

On macOS, press CMD+K, then O (without holding CMD).

This will open the active file tab in a new window/instance.

Solution 2 - Visual Studio-Code

This is a very highly upvoted issue request in Github for Floating Windows.

Until they support it, you can try the following workarounds:

1. Duplicate Workspace in New Window [[1]][2]

The Duplicate Workspace in new Window Command was added in v1.24 (May 2018) to sort of address this.

  1. Open up Keyboard Shortcuts Ctrl + K, Ctrl + S
  2. Map workbench.action.duplicateWorkspaceInNewWindow to Ctrl + Shift + N or whatever you'd like

Duplicate Workspace in New Window

2. Open Active File in New Window [[2]][3]

Rather than manually open a new window and dragging the file, you can do it all with a single command.

  1. Open Active File in New Window Ctrl + K, O

Open Active File in New Window

3. New Window with Same File [[3]][4]

As AllenBooTung also pointed out, you can open/drag any file in a separate blank instance.

  1. Open New Window Ctrl + Shift + N
  2. Drag tab into new window
4. Open Workspace and Folder Simultaneously [[4]][5]

VS Code will not allow you to open the same folder in two different instances, but you can use Workspaces to open the same directory of files in a side by side instance.

  1. Open Folder Ctrl + K,Ctrl + O
  2. Save Current Project As a Workspace
  3. Open Folder Ctrl + K,Ctrl + O

For any workaround, also consider setting setting up auto save so the documents are kept in sync by updating the files.autoSave setting to afterDelay, onFocusChange, or onWindowChange

AutoSave

[2]: https://github.com/Microsoft/vscode/issues/10121#issuecomment-430137243 "Duplicate" [3]: https://github.com/Microsoft/vscode/issues/10121#issuecomment-436791520 "Active File" [4]: https://github.com/Microsoft/vscode/issues/10121#issuecomment-315778189 "New Window" [5]: https://github.com/Microsoft/vscode/issues/10121#issuecomment-426858134 "Workspace"

Solution 3 - Visual Studio-Code

When I want to split the screens I usually do one of the following:

  1. open new window with: Ctrl+Shift+N
    and after that I drag the current file I want to the new window.
  2. on the File explorer - I hit Ctrl+Enter on the file I want - and then this file and the other file open together in the same screen but in split mode, so you can see the two files together. If the screen is wide enough this is not a bad solution at all that you can get used to.

Solution 4 - Visual Studio-Code

With Visual Studio 1.43 (Q1 2020), the Ctrl+K then O keyboard shortcut will work for a file.

See issue 89989:

> It should be possible to e.g. invoke the "Open Active File in New Window" command and open that file into an empty workspace in the web.

new windows -- https://user-images.githubusercontent.com/900690/73733120-aa0f6680-473b-11ea-8bcd-f2f71b75b496.png

Solution 5 - Visual Studio-Code

Just an update, Feb 1, 2019: cmd+shift+n on Mac now opens a new window where you can drag over tabs. I didn't find that out until I when through KyleMit's response and saw his key mapping suggestion was already mapped to the correct action.

Solution 6 - Visual Studio-Code

Press Command+K (wait, it will wait for pressing any key which you can see in the below bar) then press O. So, it is Cmd+k+ O(space represents little wait).

Solution 7 - Visual Studio-Code

If the accepted answer isn't working for you, for example, your shortcut key may have been changed to do other things. You can launch the command input by Ctrl + Shift + P, then type 'new window' and you will see the result File: Open active tab in a new window, and select it.

Solution 8 - Visual Studio-Code

I wanted to use my second screen for viewing a preview of a document. None of the suggestions worked well since the preview was not updated in the second window, even when the workspace was duplicated and autosave enabled.

My workaround was to simply increase the size of the window to span both screens, and use the standard split tab.

To expand one window across two screens, I recommend Microsoft PowerToys. The FancyZones feature can be configured to allow zones to span across monitors, so a custom canvas can be created to quickly expand a single window to both screens.

Solution 9 - Visual Studio-Code

I found a way to achieve the "Duplicate Workspace in New Window" workflow from @mbomb007's workarounds via the command line:

Normally code --new-window <path-to-folder> will not open a new window if that folder is the root of an existing window.

code --new-window <path-to-some-file> followed by code --add <path-to-folder> does the trick. I put a 1s delay between those commands.

Issue #2686 was closed with a recommendation for users to use the "Duplicate Workspace in New Window" workflow, but didn't include a CLI solution. I would have posted this workaround there, but it's locked.

Solution 10 - Visual Studio-Code

You can also hit Win+Shift+[n]. N being the position the app is in the taskbar. Eg if it's pinned as the first app hit WIn+Shift+1 and windows will open a new instance and then you can drag the tab over to the new window.

Most convenient workaround for me so far.

Solution 11 - Visual Studio-Code

If you are using the excellent

VSCode for Mac, 2020

simply tap Apple-Shift-N (as in "new window")

Drag whatever you want there.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiondoormanView Question on Stackoverflow
Solution 1 - Visual Studio-CodekaijunView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeKyleMitView Answer on Stackoverflow
Solution 3 - Visual Studio-CodenisanarzView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeVonCView Answer on Stackoverflow
Solution 5 - Visual Studio-CodesnotbubblelouView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeAlok TripathiView Answer on Stackoverflow
Solution 7 - Visual Studio-CodeJunlong WangView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeeisenponyView Answer on Stackoverflow
Solution 9 - Visual Studio-CodeakjamesView Answer on Stackoverflow
Solution 10 - Visual Studio-CodeBradView Answer on Stackoverflow
Solution 11 - Visual Studio-CodeFattieView Answer on Stackoverflow