How do I move the panel in Visual Studio Code to the right side?

Question

It's at the bottom by default.

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)

Answer 1

As of October 2018 (version 1.29) the button in @mvvijesh's answer no longer exists.

You now have 2 options. Right click the panel's toolbar (nowhere else on the panel will work) and choose "move panel right/bottom":

Or choose "View: Toggle Panel Position" from the command palette.

Source: VSCode update notes: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

Answer 2

For people looking for an answer (on how to move the side panel):

You can press

ctrl + , (Or cmd + , on OSX)

and add the following option to your user settings JSON file:

"workbench.sideBar.location": "right"

Answer 3

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.

Answer 4

Click menu option View > Appearance > Move Side Bar Right or in settings.json:

"workbench.panel.defaultLocation": "right"

Answer 5

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".

Answer 6

As of June 2019 this setting can be found through searching 'Panel' - if you want to change the default there is an option for it as shown in the screenshot:

Answer 7

For Visual Studio Code v1.31.1, you can toggle the panel session via the View menu.

• Go to the View Menu.
• Via the Appearance option, click on Toggle Panel Position

Answer 8

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 + `"

Answer 9

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)

Answer 10

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/

terminal at the bottom side

terminal at the right side

Answer 11

In version 1.55.2.

Go to View --> Appearance --> Move Panel Right

Answer 12

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

Answer 13

As sample as this from the GUI. View->Appearance->Move Side Bar Right

Answer 14

"workbench.panel.defaultLocation": "right",

Answer 15

"Wokbench.panel.defaultLocation": "right"

Open settings using CTRL+., search for terminal and you should see this setting at the top. From the drop down below the settings explanation, choose right. See the screenshot below.

Answer 16

Go to view, then appearence. Then select move panel bottom.