How do I disable tabs in Visual Studio Code?
Visual Studio-CodeVisual 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:
- 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.
Solution 2 - Visual Studio-Code
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.
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;
}