469

I hit some shortcut and I can't find the setting the turn it off. But opening multiple files doesn't show different tabs.

Here's what I'm seeing

enter image description here

But this is what I'm expecting when I open a new tab

enter image description here

4
  • I had something where none of the files were showing when I'd open a folder. I posted question at: superuser.com/questions/1628804/…
    – raddevus
    Commented Feb 24, 2021 at 22:23
  • I never though they will make me to search for solution on "How to open files in separate tabs in editor", in 2022. But here we are. Welcome to VS Code.
    – Atul
    Commented Jan 25, 2022 at 5:24
  • This is enough activity on this question that I filed a bug and they removed this binding for macOS, at least in the Insiders build! Hope it makes to release! github.com/microsoft/vscode/issues/147310
    – Jim
    Commented Apr 26, 2022 at 23:19
  • 2
    In case anyone finds this trying to figure out how to re-enable tabs, you actually do not need to change any options. Just double click the files to fully open them. Single clicks open the files in preview mode. See answers below to change the behavior, though.
    – Robert
    Commented Sep 3, 2023 at 22:10

36 Answers 36

625

Check User interface / Tabs. You just need to add the following line in your settings.json file.

"workbench.editor.showTabs": false

I also think that How do I disable tabs in Visual Studio Code? is asking the exact opposite of what you are asking.

12
  • 40
    In VSCode, click Manage (is the gear shown at lower-left corner) > Settings > in the search bar on top type "showtabs" to get to the right menu > check-marked means tabs will show.
    – Echeban
    Commented Nov 10, 2019 at 15:14
  • 17
    Seriously tired of finding such little hacks. Thank you very much. I don't understand why default setting is turned off? who on this earth do not want to see files in tabs?
    – Atul
    Commented Feb 7, 2020 at 15:02
  • 91
    @Atul On Mac, I found that accidentally pressing Ctrl + Cmd + W toggles this behavior and this was most likely what was hurting me as Ctrl + Cmd + Q is used to lock the screen. Maybe something similar is happening to you?
    – ankush981
    Commented Feb 28, 2020 at 8:58
  • 3
    @ankush981That's exactly what I did; was trying to hit Shift-Cmd-W to close the window and fat-fingered it.
    – Eric Pohl
    Commented Aug 6, 2020 at 13:48
  • 2
    @ankush981 Thanks man pressing those keys again fixed it for me
    – Farhan.K
    Commented Sep 5, 2020 at 0:17
589

On a mac, if both of the existing answers didn't work, you can try command + ctrl + w, worked for me.

14
  • 11
    Works on windows too (ctrl + w) Commented Aug 30, 2018 at 4:01
  • 4
    Works on Linux as well (ctrl + w) Commented Sep 9, 2018 at 15:26
  • 1
    why does this work? what does this shortcut do? I worked for me too!
    – Shardul
    Commented Mar 14, 2019 at 17:11
  • 1
    worked for me as well! probably pressing this key combo was the reason to disable the tabs somehow. cheers!
    – krankuba
    Commented Apr 26, 2019 at 9:49
  • 26
    This keystroke corresponds to the command "View: Toggle Tab Visibility". On a Mac, it is too similar to command+control+q, the system "Lock Screen" command (which is how I got here!) Commented Sep 8, 2019 at 10:04
153

The accepted answer didn't work for me for some reason. The answer given in Open files always in a new tab did.

In short: In the menu bar, click on File > Preferences > Settings. Then add the following line to the settings file.

"workbench.editor.enablePreview": false
5
  • 23
    Only this other question's answer solved it for me. In short: double-click (Open) rather than single-click (Preview).
    – EliadL
    Commented Oct 11, 2018 at 11:27
  • This just saved me from not being able to compare scripts! Thank you!
    – mathguy
    Commented Jul 28, 2020 at 8:23
  • This is the only answer that worked. Maybe it worked in combination of other ones.
    – Sharp Edge
    Commented Nov 6, 2020 at 11:43
  • 7
    My VSCode literally just started doing this without warning. This answer fixed it but not sure what changed in the last 2 minutes!
    – Mitya
    Commented Jul 16, 2021 at 18:35
  • nicoespeon.com/en/2020/01/change-vscode-preview-files offers good explanations and debugging tips.
    – HaiXin Tie
    Commented Oct 26, 2023 at 22:09
143

try command + ctrl + w in Mac, it works fine

5
  • @ItayElgazar I saw this answer, muttered "Thank god" to myself, then saw your comment :D
    – PrashanD
    Commented Jun 4, 2021 at 6:32
  • 2
    works also on ubunto : [command(windows button)] + CTRL +W Commented Aug 17, 2021 at 12:22
  • praise the lords for thy answer
    – mesqueeb
    Commented Sep 13, 2021 at 7:16
  • 3
    How do cats always mange to hit crazy shortcuts like this Commented Sep 22, 2021 at 10:41
  • For me, I meant to press control + command + Q to lock my screen, but hit W accidentally. Commented Mar 7, 2022 at 14:28
32

This feature is toggled with the command “View: Toggle Tab Visibility”. Internally, it is known as workbench.action.toggleTabsVisibility.

On MacOS, the default keybinding is command + control + w, which is dangerously close to the OS’s "Lock Screen" command command + control + q. (Hitting this accidentally while trying to lock my screen is how I got here!)

On Linux, the default keybinding is meta + control + w

On Windows, the keybinding used to be win + control + w, but it looks like they removed it. See these github issues:

1
  • 2
    Most important keys Control+CMD+W for enabling, multiple tabs Commented Nov 7, 2019 at 12:40
25

By mistake i tap on mac ctrl + command + w button on visual studio code then open file tabs hide.

Then i tap same button Ctrl+ Cmd + w then its again shows

0
22

VSCode Extension: Wrap Console Log use Ctrl + Alt + W to wrap

VSCode use ^ + ⌘ + W to Toggle Tab Visiblity

VSCode use ⇧ + ⌘ + W to Close Window


It's easy to make mistakes 😂.

2
  • ^ + ⌘ + W yes pressed this by mistakes 😧 Commented Nov 24, 2021 at 7:34
  • I meant to press control + command + Q to lock my screen, but hit W accidentally. Commented Mar 7, 2022 at 14:26
20

As of the most recent update, in my VSC, you have to double-click the file icon to get a new tab.

And this just when I was finally getting used to clicking ONCE in the older version. I mean, I get "push out a new feature set ASAP" if Microsoft wants to compete with F/OSS, but haven't they heard of POLA ... and not breaking it?

2
  • 2
    Thank you! This was driving me insane.
    – scscsc
    Commented Apr 14, 2020 at 17:16
  • 1
    Digging a bit more, this is called "Preview Editors". The description is "Controls whether editors opened from Quick Open show as preview. Preview editors are reused until they are pinned (e.g. via double click or editing)." Preview editors show with an italic font. Looking in settings, the two options are Workbench > Editor > "Enable Preview From Quick Open" and "Enable Preview".
    – scscsc
    Commented Apr 14, 2020 at 17:23
18

On VsCode version 1.64.2 , do the following :

  1. Open VsCode settings and search for "Show Tabs", like shown in this screen shot:enter image description here
  2. Check and select the option for "Show Tabs" as pointed.
0
14

This is a "feature" albeit a confusing one of Visual Studio code called the "Preview" tab!

I know I struggled with it until I took the time out and searched here for an answer!.

Normally you can single-click on a file and open it in a preview tab, go over it and move on to the next one. This can be handy when you've opened a folder and quickly want to go through the files therein.

However, it is confusing when you're actually working on files. The simplest solution is to double-click on a file in the explorer tab, this opens up the file in it's own separate tab.

IMHO, an alternate approach to disabling the feature, is getting used to this "default" setting of a preview tab, rather than turning it off in settings and later on, when you re-install it or go to another machine, struggling with "Ahh...I knew I did something to disable this behaviour!".

If this thought process doesn't work for you, you can always do what's suggested in the other answers.

1
  • 1
    I was about to post the same answer. This should be at the top. Visual Studio Code does not make it obvious that a tab is a preview tab, so most users will not realize that is what's happening. I certainly didn't. No options need changed. Just have to actually "open" the file!
    – Robert
    Commented Sep 3, 2023 at 22:08
12

Go to Preferences -> Settings -> UserSettings -> Workbench -> EditorManagement
check "Show Tabs" . Tabs will appear immediately .Enjoy

12

If you still feel you have this problem it could be that "Preview Mode" is enabled. The title of the tab will be in italics, meaning it is in preview mode and the same tab will be used when you open the next file, unless you start modifying the file.

Go to settings and find "Workbench > Editor: Enable Preview" and deselect it. Now every file will be opened in a new tab.

2
  • 1
    Thank you! This is the only thing that worked for me! Commented Oct 17, 2023 at 16:28
  • 1
    Yep - this is it. Very stupid of VsCode to make opening multiple files so tricky ??? Wth ???
    – MarcoZen
    Commented Apr 26 at 7:03
11

For mac, if your tab close icon disappears and showing every page in a new tab just press (as shown in image).

enter image description here

Command + Control + W

or

⌘ + ^ + W

It will appear your tab icons (as shown in the picture).

enter image description here

10

Follow this,

Go to Preferences -> Settings -> UserSettings -> Workbench -> EditorManagement
check "Show Tabs"

and Restart, Enjoy (y)

9

File > Preferences > Settings

Search editor enable preview on search bar, Disable Enable Preview option (Just untick or set false).

enter image description here

enter image description here

1
  • This was the issue! These "preview" windows are obnoxious in that even if you make a change, they periodically vanish.
    – Shaun
    Commented Oct 7, 2023 at 17:00
8

This error happens because workbench.editor.showTabs is set to false. Open the Settings.json Press cmd+Shift+p and then type Open Setting and hit Enter

In the settings.json file add this line at the bottom.

"workbench.editor.showTabs": true

7

This has nothing to do with setting workbench.editor.showTabs:true.Just double click on the file you want open in new tab and it will VS Code will open it for you in new tab.

1
  • It seems the double click is the trick here. A single click opens the file in an existing tab
    – user989762
    Commented Nov 25, 2020 at 8:47
6

I think it's the property "workbench.editor.showTabs": true. I had the same problem and I just changed this setting to true.

6

In latest visual studio code , by double clicking on any of the file in file explorer will open in new tab. It assumes single click as a file preview option and many people get confused with it.

6

I don't like preference options or config files - until recently I preferred the double click file name solution (this one).. but in version 1.71 (August 2022) there's a handy menu option for it on the upper right ... uncheck it and every file will load in a separate tab..

enter image description here

5

In short: double-click (Open) rather than single-click

4

Try this

"workbench.editor.showTabs": true,
"workbench.editor.enablePreview": false,
3

In vscode ,click on file>preferance>setting. In setting, there would be a search-bar. There, you have to search "workbench.editor.enablePreview": false. Then you will get one option with checked-box. If it is already checked then you mark it as unchecked.

2

I believe this is a new feature in VS Code, When you are opening a new project and skimming through the code file by file, each file will get replaced in the same tab, Whilst if you do some changes in a file and save it, and try opening a new file it will open in a new file.

May be it is trying to do some kind of tab clean up by restricting the user to open multiple tabs and restricting them to use multiple tabs only when they need to edit the files in them.

2

Goto Settings (Ctrl + ,) Type 'workbench.editor' Click Checkbox on Controls whether opened editors... your problem is solved

workbench editor in vss

2

In VSCode, click Manage (is the gear shown at lower-left corner) > Settings >

in the search bar on top type "showtabs" , do below 2 changes

  1. Workbench › Editor: Show Tabs = checked

  2. Workbench › Editor: Tab Sizing = shrink

1

On a mac and maybe other OSs you can double click on the filename to pin the file open in the editor. This way, you can selectively choose which files you want to remain open in the VS Code editor.

1

Check the value of your workbench.editor.showTabs. You may have set it to "single" or "none". The default value is "multiple". This setting doesn't actually prevent multiple tabs from being opened in an editor group. It just changes how many are displayed in the tab bar. You can still switch between the editors in the editor group by using ctrl/cmd+page up/down or ctrl/cmd+tab. Note that in older version of VS Code, it was a boolean, and you'd be checking if you set it to false.

Also check if you've set workbench.editor.limit.enabled to true and workbench.editor.limit.value to 1. This would actually limit the number of opened editors in an editor group to 1.

If the tab title is italicized, then the problem may just be that it's a preview tab, in which case you should really be reading How can I prevent VS Code from replacing a newly opened, unmodified (preview) tab with a subsequently opened one?. TL;DR you can double click in the Explorer to open in non-preview, or double-click the editor's tab handle, or save the file, or press enter after clicking in the Explorer, or disable editor previews using the "workbench.editor.enablePreview": false setting.

1

To see multiple tabs on the screen follow the steps

  1. Go to Settings of VS code as shown in picenter image description here

  2. Now search for 'Preferences' in the search box

  3. Click on the 'Edit in settings.json' underused tab as shown in picenter image description here

  4. Add this line to view multiple tabs '"workbench.editor.showTabs": "multiple",' and save it, as shown enter image description here

  5. Now try to open multiple tabs and see if it will open.

Note: For VS code reference, you can visit 'https://code.visualstudio.com/docs/getstarted/userinterface#_tabs'

Now after editing in 'settings.json' do the following to open files in a new tab

  1. A simple way to keep files open in VS Code is by double-clicking files in the explorer panel.
  2. The next is to right-click the tab and select "Keep Open." as shown enter image description here
  3. The last is to execute the "Keep Open" shortcut (Ctrl + K Enter) while the tab is open and in focus.

Note: For more details check the below link "https://vscode.one/new-tab-vscode/"

1
  • Why is it so complicated just to open a file and keep it open???!! In any other IDE or editor I worked with you just need to open a file by a sinlge click and that's it. It opens and stays in your opened tabs. And does not replace currently opened file (this is VS Code annoying behavior!) Commented Jun 13 at 3:27
0

you need edit setting.json file,

settings.json, located at

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json


        {
          "workbench.editor.showTabs": true,
          "workbench.editor.enablePreview": false
        }

Not the answer you're looking for? Browse other questions tagged or ask your own question.