I avoid using the mouse for navigation as much as possible. Sometimes when I go back into VSCode via spotlight/raycast the focus will be on some element in the sidebar, or the terminal, or the vim cursor is just immediately obvious. Is there a way to enable some sort of obvious outline on the part of the UI that currently has focus so further navigation can be easier? I perused the settings but didn't see one that immediately stood out.
You can change the usual blue focus border (like you get with tabbing around the window elements) to another color, like red, with this setting in your settings.json:
"workbench.colorCustomizations": {
"focusBorder": "#ff0000"
}
For some elements like those that border on the window edge it doesn't help much. For others it helps.
I am working in Visual Studio Code. I was copying something when I hit the wrong shortcut key (not sure which one) and the editor window zoomed out (to about half the size). See image below.
Note that this is not the View > appearance > zoom setting at work as the whole program/window is not zoomed in or out. Either way, I selected to reset to default zoom and it did not fix the issue. Rather, ONLY the editor window is zoomed out.
Does anyone have any idea how to fix this?
It looks like the editor.action.fontZoomOut command was run. Bring up the command palette (ctrl+shift+p) and type "font zoom reset" to find the command to revert.
I used to position my terminal at the left side of my visual studio code (as presented on the first image) but now the option to do that is gone, i think some recently update removed it (which seems strange, why would they remove a feature?).
After some googling, i found this How do I move the panel in Visual Studio Code to the right side?
But it doest help me, as my problem is different
Someone knows how i can achieve the same result nowadays?
What i already tried:
Tried to add this command at settings.json "workbench.panel.defaultLocation": "left" but it says it has been deprecated
Right click at terminal header does not show the "Move to Left" option anymore, instead there's only a Move Views to side panel, which results in a right-side placement, not left
View > Appearence does not have the desired option anymore
v1.64.2 is out 02/10/2022 and this can now be done in that release.
Use the command:
View: Move Panel Left from the Command Palette.
I am having a problem scrolling through the pop up box after hovering over a variable. It just disappears. I want to be able to scroll through it.
I am on Windows 10 x64 using Visual Studio Code 1.41.1 with Python Extension
Set editor.hover.sticky to true.
Via settings.json:
"editor.hover.sticky": true
Via Settings UI:
As a result of Keep hover visible when the mouse is getting closer to it, in my testing in the Insiders Build v1.72 this is much better. It should be in Stable v1.72 early October, 2022.
From the 1.72 Release Notes
Improved hover
The editor hover used to be quite aggressive in hiding itself,
especially when the mouse was going over an empty area of the editor.
This would make it very difficult to reach some of the actions shown
in the hover. Now, the hover will stay visible as long as the mouse is
moving towards it. The setting "editor.hover.sticky": false will
continue to work as before:
[The Editor > Hover: Sticky setting isn't the real problem, the problem is that the hover disappears before you even get the mouse to it.]
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.