Moving Panel in Visual Studio Code to right side

Question

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

User · Answer

Click menu option View  gt  Appearance  gt  Move Side Bar Right or in settings json   quot workbench panel defaultLocation quot    quot right quot

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

quot workbench panel defaultLocation quot    quot right quot

User · Answer

Go to view  then appearence  Then select move panel bottom

User · Answer

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

User · Answer

Click menu option View  gt  Appearance  gt  Move to Side Bar Right  Once side bar moves to right  option  quot Move Side Bar Right quot  changes to  quot Move to Side Bar Left quot

User · Answer

quot Wokbench panel defaultLocation quot    quot right quot  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

[visual-studio-code] Moving Panel in Visual Studio Code to right side

Examples related to visual-studio-code

Examples related to vscode-settings