Waste of Screen visual studio code

Question

In Visual studio code, there is screen wastage. Is there any solution to merge menubar and titlebar with the shell?

Answer 1

There is a settings named titleBarStyle. Set it to "custom". In settings.json it should be look like this:

{
  "window.titleBarStyle": "custom"
}

---

If you don't want to edit settings.json manually, the "Title Bar Style" setting is in Settings → Window -- or just begin to type title bar in the "Search settings" text box and it will be found:

---

In either case, VS Code must be restarted to apply the change, and once the change has been applied, VS Code looks like this, with the title bar and menu bar merged into one:

Answer 2

Go to File>Preference>Settings and in user settings write "window.titleBarStyle": "custom",

Answer 3

I use mostly keyboard while developing. So, I just press F11 and make VScode full screen. If you need to switch between browser/vscode, try ctrl+esc to quickly switch. Other than that, there are some GNOME Shell extensions (e.g. Pixel Saver) that do what you are asking for.