Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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:

enter image description here

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

like image 862
Stewart_R Avatar asked Apr 18 '16 18:04

Stewart_R


People also ask

How do I change the Output window in VS Code?

To open the Output window, on the menu bar, choose View > Output, or press Ctrl+Alt+O.

How do I enable side preview in VS Code?

To switch between views, press Ctrl+Shift+V in the editor. You can view the preview side-by-side (Ctrl+K V) with the file you are editing and see changes reflected in real-time as you edit.


2 Answers

vs code snapshot

as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'

like image 78
Pranav Asthana Avatar answered Sep 22 '22 05:09

Pranav Asthana


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

like image 35
Tobiah Zarlez Avatar answered Sep 22 '22 05:09

Tobiah Zarlez