How do I disable tabs in Visual Studio Code?

48
votes

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?

3
visual-studio-code

3 Answers

99
votes

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.
21
votes

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.

-5
votes

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

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