How do I disable tabs in Visual Studio Code?

Question

With the new version of Visual Studio Code, tabs are rendered by default. How do I disable / hide them as I really liked the previous behavior without any tabs?

Answer 1

Visual Studio Code v1.27+ now includes a GUI for editing settings:

1. Open menu File → Preferences → Settings.
2. Choose User Settings to apply everywhere (or Workspace Settings to turn off tabs on just this workspace).
3. Choose Workbench → Editor Management on the left, and then scroll down to Show Tabs and uncheck.

Alternatively, you could just pop into Zen Mode, which has tabs hidden by default.

Answer 2

Editor Tabs make their appearance starting with Visual Studio Code version 1.3 (June 2016) and are enabled by default. To disable editor tabs:

1. Open Visual Studio Code User Settings (Preferences → User Settings). This will open two side-by-side documents.
2. Add a new "workbench.editor.showTabs": false, entry (if this is the last entry, omit the trailing comma).
3. Save the User Settings file.

Answer 3

You can use the plugin "Custom CSS & JS" and use the following code

.title.show-file-icons {
    display: none !important;
}