67

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?

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Isidor Nikolic
  • 2,659
  • 2
  • 13
  • 11

3 Answers3

131

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.
Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Benjamin Pasero
  • 113,622
  • 14
  • 75
  • 54
  • 25
    To fully implement the previous behaviour: In addition to the above setting, set `workbench.editor.enablePreview` to `false` and `explorer.openEditors.visible` to `0`. This leaves you with a single editor window; _Ctrl+Tab_ displays the recently opened filse list; and the now redundant Explorer _OPEN EDITORS_ pane is hidden. I find this behaviour more focused and easier to use than a bunch of Tabs. – Stuart Rackham Jul 15 '16 at 02:35
  • You can find more help in the migration issue: https://github.com/Microsoft/vscode/issues/6605 – Benjamin Pasero Jul 15 '16 at 05:37
  • 2
    there is no User settings in Preference!!! i am using VS mac 7.3.3. any help is appreciated – Irshad Mohamed Jan 26 '18 at 17:34
  • Makes you wonder why they didn't make this part of View menu toggle white space or control characters. Or at least make this a menu item as it's quite core to the interface. – Neil Walker Apr 09 '18 at 15:31
33

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.

Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Design.Garden
  • 3,607
  • 25
  • 21
-11

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

.title.show-file-icons {
    display: none !important;
}
maple
  • 1,828
  • 2
  • 19
  • 28