Earlier this week I installed the latest release (May 2018) of Visual Studio Code and ever since then all the icons in the Activity Bar (i.e. the long thin bar on the far left of the window) fail to display. I always get the Explorer icon but after that the only one that does display is whatever I currently have open in the sidebar.
Perhaps some screenshots might help explain:
I've searched high and low in Settings to try and find how to get them all to display but I can't find anything. Can anyone help?
I'm on macOS High Sierra 10.13.5 by the way.
Right click on the activity bar itself and select whatever you want have on the activity side bar. if for some reason you don't see the activity bar, go to
View-> Appearance ->Show Activity bar
"Try right clicking the Activity Bar itself. If I right click it I get a list of the icons to show/hide."
In VSCode version 1.59 (Windows 10), the setting of controlling the visibility of activity bar is:
Settings -> User >-> Workbench -> Appearance -> Activity Bar -> "Visible
Controls the visibility of the activity bar in the workbench"
See the screenshot below:
Click on menu, if you don't have the top menu click the alt key the menu will appear. On the menu click view then click appearance, then click show activity bar. If all the activity bar does not show, go back to view menu to bring them back one by one. To keep an icon from disappearing right click on each activity bar, look for keep, click it. That will make it stay.
If you are a windows user and have the latest version of visual studio code
1)First go to the view section in the upper top of the visual studio code.
2)GO to preferences
3)Go to show Activity Bar and click on it.
This is the only fix that worked for me on Mac:
Click "View" > "Open view...". Search for the extension. From there you can open the extension in a side panel.
Related
When I was working I don't know where I clicked, but then the Extensions and Files sidebar disappeared.
Go to View -> Appeareance and then reenable the Activity Bar by setting a checkmark there.
View > Appearance > Show Activity Bar.
Another way is by clicking on Customize Layout right next to the Minimize Button, and then click on Activity Bar to make it visible
I don't know what I have done but I cannot see the "Open Editors" panel in the Explorer view
I note also that clicking on the three dots (Views and More Actions...) to the right of the word Explorer at the top of the explorer panel the word Folders is greyed out
Can anyone point me to the setting I need to change in order to rectify this situation?
Just in case anyone else has the same problem here is how I resolved my issue. I won't bore you with how I discovered the solution.
Right-click in the activity bar, this will bring up a context menu with the entry for Open Editors listed but not marked with a tick
Activity bar context menu.
Clicking on "Open Editors" in this context menu brings up a new icon in the activity bar that looks like an open book
Open Editor icon
Right-clicking on this new icon reveals another context menu that includes the option to reset the location of the Open Editors panel.
Open Editor context menu
Selecting this option resolves the problem.
How I got into the problem in the first place is still difficult to ascertain. With the activity bar in its default configuration I must have dragged the "Open Editors" header to somewhere on the activity bar, that clearly removes it from the Explorer side bar but how I inadvertently right clicked this new icon and selected "Hide 'Open Editors'" without realising remains a mystery.
Go to view and click on Open View and the on Open Editors.
3 dots on extreme right hand side has an option - keep editors open --> set it to default view. Once done the open editor will be be visible on the left.
This is considering you have default vs code layout...
I am currently using version: 1.68.1
In VS Code, go to Settings and in the search box, type explorer.openEditors.visible. Set the value in the dialogue box to any number greater than 0 and you are good to go. Refer to the image below.
I must have pressed a wrong combination of keys with my crooked fingers which caused the version control tab to disappear from the sidebar.
Then I found source control tab somewhere in VSCode, dragged it into the sidebar, it shows the changes, however, the icon is completely different and also it doesn't show the number of current changes.
What happened?
In the below screenshot the yellow icon is what I have for SCM now.
Thanks 🤞
I had to use the View: Reset View Locations command to solve this problem in Visual Studio Code version 1.47 (macOS - Catalina).
To do this, just press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows), type workbench.action.resetViewLocations, then press Enter.
Release notes - May 2020 (version 1.46)
As #rioV8 commented - what solved it for me was to right click on the icon and click "Reset Location"
I am not sure what you actually dragged to the activity bar vscode is really modular in this way; hard to say without being there, but you can re-enable SCM button.
Even if you use the short cut to open the source control view (CTRL + SHIFT + G, it will disappear again after you focus out of it (when it's not enabled).
To re-enable it, right-click anywhere on the Activity Bar and select 'Source Control'
From version 1.46 it is now possible to drag and drop panels and views
If a panel/view is not in a spot you want and you want it back in its original place you can Right Click on the panel/view header and choose Reset Location.
Try right clicking on the bar and you should see a menu like the one below
recheck the source control and the icon should appear.
For people who applied the methods above but still could not see the source control panel where you could jump to editted files quickly but only the side bar, here is the way you can fix it:
After you have got the source control panel appeared, right click any available tabs you have inside the panel, such as commits, file history, branches etc. Then make sure you chose the Source Control.
If the "Source Control" panel is not on the side/activity bar or dissapeared for some reason, you check it on the "Explorer" panel. If you don't see it on the Explorer list, you can find it on the top right menu of the explorer panel. You can just check it and then it appears on the Explorer panel list.
Then you can just drag the Source Control panel and drop it on the side/activity bar. It gets back to its original place.
Finally!!!
As of vscode v1.75 you can reset all the view locations from the Layout Control button near the upper right:
Just downloaded VSCode, ver 1.28 and the activity bar (left side) and the left side of the side bar are not there. This happened yesterday too, so uninstalled the program and tried again today.
I have no way to get to settings, debug, search, etc. Tried right clicking on black space and they don't show up, merely options to open a new file. If I do open (untitled) I still do not get that left part of the screen. I am comparing it to MS's user interface page (https://code.visualstudio.com/docs/getstarted/userinterface). Is it possible that I would have to change the resolution on my laptop?
Thanks.
From the menu bar at the top try
View/Apperance/Show Activity Bar
When the Activity Bar is visible, this option will show "Hide Activity Bar"
See screenshot
1.Simple go to the setting
2.Under the user settings search for Activity Bar.
3.You'd find it under the workbench.
4. Click the Activity bar visible and that's green and working.
Another way to loose Activity Bar is to accidently active Zen Mode. Check if
View/Apperance/Zen Mode
is checked and if so uncheck it.
You can also pull up the command pallet with
Ctrl + Shift + P
Then type/select
View: Toggle Activity Bar Visibility
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?
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.
If you are like me - you did this by inadvertently hitting F11 - toggling fullscreen mode.
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
Another way to restore the menu bar is to trigger the View: Toggle Menu Bar command in the command palette (F1).
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).
Please see the attached screenshot.
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"
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:
Press Alt to make menu visible
Click on the View menu, navigate to the Appearance option and choose Show Menu Bar
Click on the 'Manage' button.
Select 'Settings'.
In the search bar type: 'menu bar visibility'.
In the drop-down select 'classic' or 'visible'.
Press Ctrl + Shift + P to open the Command Palette, then
write command : Toggle Menu Bar
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"
Press Ctrl + Shift + P to open the Command Palette.
After that, you write menu
Option is enabled
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:
Press F1
Type user settings
Press Enter
Click on the { } (top right corner of the window) to open settings.json file see the screenshot
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).
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.
Press Ctrl+Shift+P, type menu, select View: Toggle Menu Bar and the menu bar should be back. If not add a comment
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
All these answers were wrong for me. Press ALT.