VS Code Status Bar - visual-studio-code

Wondering if anyone can help and tell me what the icon is in the bottom left hand corner of the vs code window. I don't have it on mine and wondering if I need it.
Circled in red on the image.
Thanks

It's a Git Status, next to the git branch indicator.
Right-click on the status-bar and ✓check the Source Control option (After right-clicking on status bar ) if want it on your status bar,
Uncheck if you don't want.

That's the Git logo which is a version control app. I don't have it either but my guess is that it's a VS extension (not sure which git extension it exactly is). If you don't need version control then it's fine.

Related

How to move the terminal as a column next to the side bar?

After today 4.02.22 VSCode introduced the "Side panel" in update 1.64.0
It should give more flexibility and such, but in my case, it actually breaks my layout and takes the option that I was using out.
I have my layout - | Code | Terminal | Side bar |
Each in a column.
Now I cannot move the terminal anywhere but left as a column (before the code vide) and bottom.
Does anyone know how to revert this, or achieve my old layout?
Thanks
Testing this in Insiders today 02/09/2022. Put the Side Bar on the right and use the command View: Move Panel Right. In one workspace with the setting Workbench > Panel: Default Location : right it put the Panel to the right of the Side Bar (so far right) but triggering the command fixed that. Editor | Terminal (Panel) | Side Bar. And working if put on the left too.
They are working on a fix for the change wrought by v1.64, should be in Insiders v1.65 02/08/2022 and as a recovery build to Stable later the same week if all goes well.
So, I will be pushing a fix which is simply to bring back the ability
to move the, as some have called it, primary panel. The plan for this
fix is to release it into the insiders build tomorrow and the recovery
build for stable later this week. Going forward, we will continue to
improve the new side panel while playing nicely with the primary panel
in different locations. Future changes will always be in insiders
first, and we hope you continue to share your ideas with us.
from https://github.com/microsoft/vscode/issues/141349#issuecomment-1033046397
Try creating a terminal in an editor "to the side" and then put the Side Bar on the right, like this:
There is a command: Terminal: Create New Terminal in Editor Area to the Side.
And as you know the setting to put the Side Bar on the right.
If you want to create more terminals in the same column, click the little lock icon first to unlock that group and then you can add more terminals in the same editor group/column.
This might be as close as you are going to get for now. Upvote the issue about this.
I have another workaround to this:

Explorer icon showing the git changes count in VS Code

As shown in the below image the Explore icon has the badge showing the count of my git changes.
I don't know how this happened some how unexpectedly I did something and this behaviour started.
How do I fix it and get the default behaviour of the git icon showing the changes count?
You accidentally moved the SOURCE CONTROL View to the Explorer bar.
Is this view not present in the SCM Bar?
I have tried to do it with the mouse but could not recreate. It created a new SCM icon in the Activity Bar with 1 view.
To move all the views to the default position execute command: View: Reset View locations
That Explorer icon badge is supposed to show the number of unsaved files with changes - it doesn't show the number of git changes except coincidentally.
I don't think the Explorer unsaved files count badge can be turned off. You can change its color or opacity but that would affect all badges (like the scm badge).
Thanks to this answer the GIF attached in answer was able to help me to fix the issue.
I just dragged the Source Control to the sidebar and it worked.

How to show Git actions in VSCode Source Control window?

I have Git branch and status (pending commits to be pulled/pushed) listed in the top of the the Source Control window of VS Code:
I want to enable this on another PC, but can't figure out which extension or setting enabled this?
Note: The same informations is listed in the bottom blue status bar, but I find the top position more useful.
The VS Code documentation only describes the git status bar actions.
Ironically, the screenshot they post here has the feature set, while the next on posted here doesn't have it.

VSCode SCM tab suddenly disappeared

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:

How to Display VS Code output window to side rather than below

In my VS Code set up I see the output/FSI frame below the main text editor pane like this:
whereas I would love it to appear to the right in the side-by-side view like it does on the images in this link: http://www.wintellect.com/devcenter/jwood/a-quick-look-at-f-in-visual-studio-code
Is there a config option I cannot find somewhere?
I tried Googling but drew a blank and cannot see anything obvious in the config options mentioned on the vs code site page describing the config options
as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'
I don't believe you can detach/move the output windows in Visual Studio Code. You can move the side bar to the left/right side, but that's it. There is no config option, sorry.
You could try posting a feature request on the GitHub page: https://github.com/Microsoft/vscode
EDIT: This was changed in VS Code 0.10.8, it was once on the side but was moved to the bottom. See this GitHub issue: https://github.com/Microsoft/vscode/issues/2806
This feature is not available yet in VS Code. However as of today (March 30, 2017) it's on 6 months roadmap so it should be done in a near feature.
This feature is available from version 1.18.0+
Simply click this icon to dock to the right:
Just follow the steps mentioned:
In Visual Studio Code -
View Tab > Appearance > Toggle Panel Position
That's it.
Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:
its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila
the image can be found here
Vertical Split:
From VS Code Menu bar:
View >> Appearance >> Move Panel Right
Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.
Just right click on the panel of output section then select "Move panel left or right" as per your wish.
here your can see the move panel left option.
Press CTRL + SHIFT + P
Select Preferences: Open User Settings (JSON)
Insert (or change if it is there --search for it) the following config line:
"workbench.panel.defaultLocation": "right",
Save file.
That will work for new workspaces. VS-Code saves your preferences for each folder you start it in. So, if you navigate to a folder you previously called VS-Code in (I mean, from the terminal), it will open the output panel in the same location it was the last time you have used VS-Code from the same location.
After making the change above, go to a new place, like /opt and start VS-Code there to make a test.