How to Display VS Code output window to side rather than below

Question

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

Solution 1

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

Solution 2

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

Solution 3

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.

Solution 4

Just follow the steps mentioned:

In Visual Studio Code -

View Tab > Appearance > Toggle Panel Position

That's it.

Solution 5

This feature is available from version 1.18.0+

Simply click this icon to dock to the right:

View more solutions

Comments

[Supra_01]

Just got added. You can view the pull request on github. This feature is available on VS code insiders now.

[Stewart_R]

Thanks for responding. I couldn't find any config option either but, looking at the screengrabs on the blog, this guy seems to have done it: wintellect.com/devcenter/jwood/…

[Tobiah Zarlez]

I believe in an older, previous version of Visual Studio Code the output window was on the right side. But it was moved at some point to be the bottom. - Edited with version it changed

[Roy Tinker]

Floating window support (to detach/move a tab to a separate window) is still a pending feature request: github.com/Microsoft/vscode/issues/10121

[Hamed Baziyad]

please, explain more.

[Nick Perkins]

yes, but you right-click on the tab bar itself, not where the arrow is pointing ( the arrow is backwards )