'Open files always in a new tab

I am using Visual Studio Code 1.3.1 with the newly introduced tabs.

When I click on files, the first file will open in a tab. If I do not make any changes to this file, the second clicked file will open in the same tab.

How can I avoid this and make Visual Studio Code always open a new tab?

visual-studio-code

Solution 1:^[1]

When you [single-]click a file in the left sidebar's file browser or open it from the quick open menu (Ctrl-P, type the file name, Enter), Visual Studio Code opens it in what's called "Preview Mode", which allows you to quickly view files.

Preview Mode tabs are not kept open. As soon as you go to open another file from the sidebar, the existing Preview Mode tab (if one exists) is used. You can determine if a tab is in Preview Mode, by looking at its title in the tab bar. If the title is italic, the tab is in preview mode.

To open a file for editing (i.e. don't open in Preview Mode), double-click on the file in the sidebar, or single-click it in the sidebar then double click the title of its Preview Mode tab.

If you want to disable Preview Mode all together, you can do so by setting "workbench.editor.enablePreview": false in your settings file. You can also use the "workbench.editor.enablePreviewFromQuickOpen" option to disable it only from the quick open menu.

Before you can disable Preview Mode, you'll need to open your Settings File.

Pro Tip: You can use the Command Palette(shortcut Ctrl+Shift+P) to open your settings file, just enter "Preferences: Open User Settings"!

Once you've opened your settings file (your settings file should be located on the right), add the "workbench.editor.enablePreview" property, and set its value to false.

You can learn more about Visual Studio Code's "Preview Mode", here.

Solution 2:^[2]

If you don't want to disable preview mode you can explicitly tell vscode to keep a specific tab open. As mentioned above a tab heading with italic text is in preview mode.

To get a tab out of preview mode you can either right click on the tab and choose keep open or use the shortcut cmd + k enter that is mapped to the command workbench.action.keepEditor.

Furthermore, double-clicking on a tab also gets it out of preview mode (verified in vscode 1.44.0).

Solution 3:^[3]

I came up with the same problem, and open setting.json file, add the following:

"workbench.editor.enablePreview": false

Solution 4:^[4]

Use workbench.editor.enablePreview: false to disable Preview mode completely.

Use workbench.editor.enablePreviewFromQuickOpen: false to disable Preview mode for the files open from quick open menu.

Solution 5:^[5]

Open in new Tab Solution:

Open the command palette by: Cmd + Shift + K
Open settings file by: Preferences: Open Settings (JSON)
Under user setting, enable Tabs by: "workbench.editor.showTabs": true

Solution 6:^[6]

Watch for filenames in italic

Note that, the file name on the tab is formatted in italic if it has been opened in Preview Mode.

Quickly take a file out of Preview Mode

To keep the file always available in VSCode editor (that is, to take it out of Preview Mode into normal mode), you can double-click on the tab. Then, you will notice the name becomes non-italic.

Of course, you can simply double-click to open a file. This will open the file in a new tab, skipping the Preview Mode.

Feature or bug?

I believe Preview Mode is helpful especially when you have limited screen space and need to check many files.

Solution 7:^[7]

For anyone who don't want to disabled Preview Mode.

As I read whole of comments and I found what I preferred that is the shortcut key to pin the opened file from Quick Open/Ctrl+P or that's mean to keep the opened file to the editor, and yes also don't need to switch your hand to the mouse to double-click on files list.

Thanks to @jontem and @MattLBeck.

Call save command with Ctrl+S (?+s on Mac) is the easiest way to reach what I preferred.

And if you found out you do this to keep opened file to editor quite frequently, yes I preferred you should setting the option "workbench.editor.enablePreview": false or "workbench.editor.enablePreviewFromQuickOpen": false as others mentioned before.

Solution 8:^[8]

? Actually, VSCode shows you the preview of a file.

You can disable the preview with this:

"workbench.editor.enablePreview": false,

?? Basically just add these two settings and you're good to go.

Solution 9:^[9]

For 2020 ..

easy as pie, tap preferences (command ? + , on Mac),

they added it right there:

Turn "off" for normal behavior. (IE, to avoid the "automatic closing" behavior.)

Solution 10:^[10]

Menu File ? Preferences ? User Settings: add this line

"workbench.editor.enablePreviewFromQuickOpen": false

Solution 11:^[11]

If you want to open a file permanently from "Go To File..." (?P), press "right arrow" instead of return.

This also keeps the Go To File... search bar open so you can quickly open multiple files.

Solution 12:^[12]

This is not a new answer. It is just showing how to do it via UI. Open settings via File => Preference => Settings. The most upvoted answer is the correct choice.

Then in search field type Preview.

After that select Workbench and look for Enable preview options.

Uncheck the boxes.

Solution 13:^[13]

You can do it via GUI

Search for preview

uncheck the options Enable Preview and Enable Preview from Quick Open

Solution 14:^[14]

Essentially, there are three settings that one has to update (Preference >> settings):

workbench.editor.enablePreview: set this to globally enable or disable preview editors
workbench.editor.enablePreviewFromQuickOpen: set this to enable or disable preview editors when opened from Quick Open
workbench.editor.showTabs: finally one will need to set this
otherwise, there will be no tabs displayed and you will just be
wondering why setting/unsetting the above two did not work

Solution 15:^[15]

enabling using GUI

go to Code -> Preferences -> Settings -> User -> Window -> New Window

here Open Files In New Window under drop down list select "on" that's it.

my VS Code version 1.38.1

Solution 16:^[16]

You need to edit settings.json file, which is 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
}

Solution 17:^[17]

As hktang above indicates:

one Click opens the file in preview mode (header text in italics)

Double click the same file, it goes out of preview-mode (header text changes from italic to normal font)

I think this is a "comprimise" feature allowing users, to "navigate" both worlds; preview and none-preview.

All you do is click the file to open it in the right panel.
Then immediately double click it to keep it there.
Or - just treble click. File opens in none preview mode.

HTH Paul S.

Solution 18:^[18]

Go to File > Preferences > Settings
Search for workbench.editor.enablePreviewFromQuickOpen
Set it to false or uncheck it.

Solution 19:^[19]

From settings you can find edit settings.json You need to search by Preview. Please check the below screen short.

Add the below code there:

"workbench.editor.enablePreview": false

Solution 20:^[20]

Actually, VSCode shows you the preview of a file when you open it. If you want to open files in a new tab, just disable the preview with this setting (paste this in the settings.json file).

"workbench.editor.enablePreview": false,

— you can take it one step further and use this setting

"workbench.startupEditor": "newUntitledFile",

— It will open your VSCode editor with a blank new untitled file to quickly get started.

Solution 21:^[21]

For those who using Windows OS:

Press Ctrl + Shift + P
Select Preferences: Open Settings (JSON) from the list
Select all and Paste this { "workbench.editor.enablePreview": false }

That's it now it will open in a new tab instead of replacing on the existing one.

For reference look at the screenshot below:

Solution 22:^[22]

Simple and Best way is whenever you open new file it is in preview mode so simply press the CTRL + K and then press ENTER then you done with preview mode , Now this file will remain always open until you closed it that's what you need to do ....

Solution 23:^[23]

to open another file in a new tab keeping the current file open,

first double click (left click) the current file
then click (single click) the new file

in this way, the new file will be opened in another tab

#OR

you can drag the new file from vs code project explorer and drop it beside opened tab, exactly where the new tab will be opened

Solution 24:^[24]

One simple solution is, instead of making changes in settings of vscode, whenever you open a file through a reference,you will see that the file is in preview mode(the name of file is in italic) and in the sidebar you will see that same preview file in focus just double tap it and it will be pinned on the tab,so that it wont get replaced by another file in preview mode.

Solution 25:^[25]

This is so confusing. All developers I asked didn't appreciate this default behavior.

I use cmd + P to open project files.

Solution 26:^[26]

In my case, I also had to set workbench.editor.showTabs property to true (in addition to workbench.editor.enablePreview)

I'm not sure how it got changed to false. Maybe, I've accidentally set it to false using some shortcut.

Solution 27:^[27]

Settings -> Workbench -> Editor Management -> Enable Preview

Solution 28:^[28]

for me, shift + enter did the trick.

Solution 29:^[29]

If you have opened a file in preview mode and want to open new file in another tab: For Mac: use cmd + p -> find the file and alt + enter.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Michael Freidgeim
Solution 2	Adrian Mole
Solution 3	Aliaxander
Solution 4	Fatih Acet
Solution 5	Gama11
Solution 6
Solution 7	ROOT
Solution 8
Solution 9	neeraj tk
Solution 10	leanne
Solution 11	Gandalf Saxe
Solution 12	2240
Solution 13	illusionist
Solution 14	akhouri
Solution 15	inquisitive
Solution 16	Audwin Oyong
Solution 17
Solution 18	Hadi Mir
Solution 19	Nazmul Haque
Solution 20	Ahmad Awais
Solution 21	Shailendra Madda
Solution 22	Maddy
Solution 23	Pranta Palit
Solution 24	Mahesh Jamdade
Solution 25	Misha Akopov
Solution 26	Zhenya
Solution 27	Jacob Abraham
Solution 28
Solution 29	Manju

'Open files always in a new tab

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Watch for filenames in italic

Quickly take a file out of Preview Mode

Feature or bug?

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]

For 2020 ..

Solution 10:[10]

Solution 11:[11]

Solution 12:[12]

Solution 13:[13]

Solution 14:[14]

Solution 15:[15]

Solution 16:[16]

Solution 17:[17]

Solution 18:[18]

Solution 19:[19]

Solution 20:[20]

Solution 21:[21]

Solution 22:[22]

Solution 23:[23]

Solution 24:[24]

Solution 25:[25]

Solution 26:[26]

Solution 27:[27]

Solution 28:[28]

Solution 29:[29]