In Visual Studio Code, panel section is at bottom by default. How do I move it to right side ? For example in the following image ,panel(Section D) is at the bottom, instead I want it to move to the rightside i.e., in the area where README.md editior shown in Editor Groups(Section C).
Image Credits: (https://code.visualstudio.com/images/codebasics_hero.png)
This question is related to
visual-studio-code
vscode-settings
I don't know since which version it change but the 1.11.2 has an option in View tab which can change the left bar to the right and vice versa
VSCode 1.42 (January 2020) introduces:
Panel on the left/right
The panel can now be moved to the left side of the editor with the setting:
"workbench.panel.defaultLocation": "left"
This removes the command
View: Toggle Panel Position
(workbench.action.togglePanelPosition
) in favor of the following new commands:
View: Move Panel Left
(workbench.action.positionPanelLeft
)View: Move Panel Right
(workbench.action.positionPanelRight
)View: Move Panel To Bottom
(workbench.action.positionPanelBottom
)
I'm using Visual Studio Code v1.24.0 on a Mac.
By default, the Panel will appear on the bottom (You can change the default as well. Please refer to @Forres' answer: Moving Panel in Visual Studio Code to right side)
Here's the bottom/right toggle button for VS Code Panel:
Once I click on this button, the Panel moves to the right.
Moving it back is a little tricky though. As you can see, some of the buttons are hidden. This is because the width of the panel when it's aligned right is too small. We need to expand the column to see all the buttons.
This is how it'll look upon expansion:
Now, if you want to move the Panel back to the bottom, click on the toggle bottom/top button again.
Go to view
, then appearence
. Then select move panel bottom.
Click menu option View > Appearance > Move Side Bar Right
or in settings.json:
"workbench.panel.defaultLocation": "right"
"workbench.panel.defaultLocation": "right",
Hope this will help someone.
-> open to keyboard shortcut
-> search for "workbench.action.togglePanelPosition"
-> assign your desired shortcut
I've assigned keybinding "cmd+`"
{
"key": "cmd+`",
"command": "workbench.action.togglePanelPosition"
}
now I can toggle the terminal by pressing "cmd + `"
Click menu option View > Appearance > Move to Side Bar Right
. Once side bar moves to right, option "Move Side Bar Right" changes to "Move to Side Bar Left".
You can do the same in insider's edition, There is an option on right top corner to switch to the panel to sidebar https://code.visualstudio.com/insiders/
Source: Stackoverflow.com