How do I disable tabs in Visual Studio Code?

Visual Studio-Code

Visual Studio-Code Problem Overview


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?

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

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 (PreferencesUser 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.

Solution 2 - Visual Studio-Code

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

  1. Open menu FilePreferencesSettings.
  2. Choose User Settings to apply everywhere (or Workspace Settings to turn off tabs on just this workspace).
  3. Choose WorkbenchEditor 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.

Solution 3 - Visual Studio-Code

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

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

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
QuestionIsidor NikolicView Question on Stackoverflow
Solution 1 - Visual Studio-CodeBenjamin PaseroView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeDesign.GardenView Answer on Stackoverflow
Solution 3 - Visual Studio-CodemapleView Answer on Stackoverflow