How to restore the menu bar in Visual Studio Code

Visual Studio-Code

Visual Studio-Code Problem Overview

I disabled the menu bar in preferences and it disappeared as expected. Now there's no way to get to the preferences menu again. How do I get it back?

Enter image description here

Visual Studio-Code Solutions

Solution 1 - Visual Studio-Code

For Windows users:

For older versions (<1.54) of Visual Studio Code: Press Alt to make the menu visible temporarily. While the menu is visible go to the View menu and choose Appearance -> Show Menu Bar.

For newer versions see the following steps or if Alt does not work use Crtl + Shift + P for command pallete, type 'menu' and select View: Toggle Menu Bar

Alternativily open settings Ctrl+,, search for and change Window: Menu Bar Visibility to either classic or visible.

For macOS users:

If you are in Full-Screen mode you can either move the cursor to the top of the screen to see the menu, or you can exit Full-Screen using Ctrl+Cmd+F, or ⌃⌘F in alien's script.

Solution 2 - Visual Studio-Code

Another way to restore the menu bar is to trigger the View: Toggle Menu Bar command in the command palette (F1).

Solution 3 - Visual Studio-Code

If you are like me - you did this by inadvertently hitting F11 - toggling fullscreen mode. https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

Solution 4 - Visual Studio-Code

It's also possible that you have accidentally put the IDE into Full Screen Mode. On occasion, you may be inadertently pressing F11 to set FullScreen mode to On.

If this is the case, the Accepted Answer above will not work. Instead, you must disable Full Screen mode (View > Appearance > Full Screen).Click Full Screen to switch off and restore the menu bar

Please see the attached screenshot.

Solution 5 - Visual Studio-Code

To restore menu bar visibility so that you don't press key Alt to make the menu bar visible and the menu bar remains visible all the time, see the setting below.

You inadvertently changed the value from "default" to "toggle", so restore the setting to "default" as shown below.

"window.menuBarVisibility": "default"

Solution 6 - Visual Studio-Code

In version 1.36.1 I tried to follow the steps mentioned in the previous answers and noticed that the Toggle Menu Bar has moved to a different location and has been renamed to Show Menu Bar. Follow these steps:

  1. Press Alt to make menu visible
  2. Click on the View menu, navigate to the Appearance option and choose Show Menu Bar

Solution 7 - Visual Studio-Code

From Version: 1.56.2 on in OSX you need to update in settings.json file

"workbench.editor.showTabs": true

instead of

"window.menuBarVisibility": "default"

Solution 8 - Visual Studio-Code

You have two options.

Option 1

Make the menu bar temporarily visible.

  • press Alt key and you will be able to see the menu bar

Option 2

Make the menu bar permanently visible.

Steps:

  1. Press F1
  2. Type user settings
  3. Press Enter
  4. Click on the { } (top right corner of the window) to open settings.json file see the screenshot
  5. Then in the settings.json file, change the value to the default "window.menuBarVisibility": "default" you can see a sample here (or remove this line from JSON file. If you remove any value from the settings.json file then it will use the default settings for those entries. So if you want to make everything to default settings then remove all entries in the settings.json file).

Solution 9 - Visual Studio-Code

Press Ctrl + Shift + P to open the Command Palette.

Enter image description here

Enter image description here

After that, you write menu
Option is enabled

Solution 10 - Visual Studio-Code

Press Ctrl + Shift + P to open the Command Palette, then write command : Toggle Menu Bar

Solution 11 - Visual Studio-Code

Some changes to this coming in v1.54, see https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_54.md#updated-application-menu-settings

> ### Updated Application Menu Settings > > The window.menuBarVisibility setting for the application menu > visibility has been updated to better reflect the options. Two primary > changes have been made. > > First, the default option for the setting has been renamed to > classic. > > Second, the Show Menu Bar entry in the the application menu bar now > toggles between the classic and compact options. To hide it > completely, you can update the setting, or use the context menu of the > Activity Bar when in compact mode.

Solution 12 - Visual Studio-Code

  1. Click on the 'Manage' button.

    enter image description here

  2. Select 'Settings'.

    enter image description here

  3. In the search bar type: 'menu bar visibility'.

    enter image description here

  4. In the drop-down select 'classic' or 'visible'.

    enter image description here

Solution 13 - Visual Studio-Code

Press Ctrl+Shift+P, type menu, select View: Toggle Menu Bar and the menu bar should be back. If not add a comment

Solution 14 - Visual Studio-Code

Here is a simple solution to bring back the activity bar. Just click on the view tab on top of vs code > appearance > then check activity bar then from there it has to appear

Solution 15 - Visual Studio-Code

All these answers were wrong for me. Press ALT.

Solution 16 - Visual Studio-Code

press Alt to seee the Menubar and then go to view - appearance and remove the check from the fullscreen option

Categories
Recommended Visual Studio-Code Solutions

Previous Solution:

.includes() not working in Internet Explorer

Javascript

Next Solution:

How to set the max size of upload file

TomcatFile UploadSpring BootJhipster

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAlexView Question on Stackoverflow
Solution 1 - Visual Studio-CodeJurijs KovzelsView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeDaniel ImmsView Answer on Stackoverflow
Solution 3 - Visual Studio-CodeJGFMKView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeCSSBurnerView Answer on Stackoverflow
Solution 5 - Visual Studio-CodePeterView Answer on Stackoverflow
Solution 6 - Visual Studio-CodesevilturnerView Answer on Stackoverflow
Solution 7 - Visual Studio-CodemoogaView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeS WizardView Answer on Stackoverflow
Solution 9 - Visual Studio-CodeJessica HernandezView Answer on Stackoverflow
Solution 10 - Visual Studio-CodeTaha SaberView Answer on Stackoverflow
Solution 11 - Visual Studio-CodeMarkView Answer on Stackoverflow
Solution 12 - Visual Studio-CodeSabito 錆兎 stands with UkraineView Answer on Stackoverflow
Solution 13 - Visual Studio-Codetheking2View Answer on Stackoverflow
Solution 14 - Visual Studio-CodeBukenya KizzaRolandView Answer on Stackoverflow
Solution 15 - Visual Studio-CodemLstudent33View Answer on Stackoverflow
Solution 16 - Visual Studio-CodeAnmarView Answer on Stackoverflow