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?
Editor Tabs make their appearance starting with Visual Studio Code version 1.3 (June 2016) and are enabled by default. To disable editor tabs:
- Open Visual Studio Code User Settings (Preferences → User Settings). This will open two side-by-side documents.
- Add a new
"workbench.editor.showTabs": false,
entry (if this is the last entry, omit the trailing comma). - Save the User Settings file.
-
18To fully implement the previous behaviour: In addition to the above setting, set
workbench.editor.enablePreview
tofalse
andexplorer.openEditors.visible
to0
. 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 2:35 -
You can find more help in the migration issue: github.com/Microsoft/vscode/issues/6605 – Benjamin Pasero Jul 15 '16 at 5:37
-
1there 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 9 '18 at 15:31
Visual Studio Code v1.27+ now includes a GUI for editing settings:
- Open menu File → Preferences → Settings.
- Choose User Settings to apply everywhere (or Workspace Settings to turn off tabs on just this workspace).
- 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.
You can use the plugin "Custom CSS & JS" and use the following code
.title.show-file-icons {
display: none !important;
}