How to Display VS Code output window to side rather than below - visual-studio-code
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
as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'
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
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.
This feature is available from version 1.18.0+
Simply click this icon to dock to the right:
Just follow the steps mentioned:
In Visual Studio Code -
View Tab > Appearance > Toggle Panel Position
That's it.
Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:
its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila
the image can be found here
Vertical Split:
From VS Code Menu bar:
View >> Appearance >> Move Panel Right
Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.
Just right click on the panel of output section then select "Move panel left or right" as per your wish.
here your can see the move panel left option.
Press CTRL + SHIFT + P
Select Preferences: Open User Settings (JSON)
Insert (or change if it is there --search for it) the following config line:
"workbench.panel.defaultLocation": "right",
Save file.
That will work for new workspaces. VS-Code saves your preferences for each folder you start it in. So, if you navigate to a folder you previously called VS-Code in (I mean, from the terminal), it will open the output panel in the same location it was the last time you have used VS-Code from the same location.
After making the change above, go to a new place, like /opt and start VS-Code there to make a test.
Related
How do I place my terminal in the left side at visual studio code? Version 1.64.1 (2022)
I used to position my terminal at the left side of my visual studio code (as presented on the first image) but now the option to do that is gone, i think some recently update removed it (which seems strange, why would they remove a feature?). After some googling, i found this How do I move the panel in Visual Studio Code to the right side? But it doest help me, as my problem is different Someone knows how i can achieve the same result nowadays? What i already tried: Tried to add this command at settings.json "workbench.panel.defaultLocation": "left" but it says it has been deprecated Right click at terminal header does not show the "Move to Left" option anymore, instead there's only a Move Views to side panel, which results in a right-side placement, not left View > Appearence does not have the desired option anymore
v1.64.2 is out 02/10/2022 and this can now be done in that release. Use the command: View: Move Panel Left from the Command Palette.
VSCode SCM tab suddenly disappeared
I must have pressed a wrong combination of keys with my crooked fingers which caused the version control tab to disappear from the sidebar. Then I found source control tab somewhere in VSCode, dragged it into the sidebar, it shows the changes, however, the icon is completely different and also it doesn't show the number of current changes. What happened? In the below screenshot the yellow icon is what I have for SCM now. Thanks 🤞
I had to use the View: Reset View Locations command to solve this problem in Visual Studio Code version 1.47 (macOS - Catalina). To do this, just press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows), type workbench.action.resetViewLocations, then press Enter. Release notes - May 2020 (version 1.46)
As #rioV8 commented - what solved it for me was to right click on the icon and click "Reset Location"
I am not sure what you actually dragged to the activity bar vscode is really modular in this way; hard to say without being there, but you can re-enable SCM button. Even if you use the short cut to open the source control view (CTRL + SHIFT + G, it will disappear again after you focus out of it (when it's not enabled). To re-enable it, right-click anywhere on the Activity Bar and select 'Source Control'
From version 1.46 it is now possible to drag and drop panels and views If a panel/view is not in a spot you want and you want it back in its original place you can Right Click on the panel/view header and choose Reset Location.
Try right clicking on the bar and you should see a menu like the one below recheck the source control and the icon should appear.
For people who applied the methods above but still could not see the source control panel where you could jump to editted files quickly but only the side bar, here is the way you can fix it: After you have got the source control panel appeared, right click any available tabs you have inside the panel, such as commits, file history, branches etc. Then make sure you chose the Source Control.
If the "Source Control" panel is not on the side/activity bar or dissapeared for some reason, you check it on the "Explorer" panel. If you don't see it on the Explorer list, you can find it on the top right menu of the explorer panel. You can just check it and then it appears on the Explorer panel list. Then you can just drag the Source Control panel and drop it on the side/activity bar. It gets back to its original place. Finally!!!
As of vscode v1.75 you can reset all the view locations from the Layout Control button near the upper right:
VS code adds margin to editor groups
As you can see in the image VS code started to add margins to editor group. When I try to pull it to sides this is the biggest space that I can get. Update: When I open files side by side still
can you try this? press F1 type "Preferences: Open Settings (UI)" click Window under New Window Dimensions click default or other options. I don't really know if this helps.
The selected answer is not the right answer. I got rid of the margins through View.. Appearance.. [turn off 'Centered Layout']
This problem is solved when I created a new workspace and add the same folder by using "File->Add Folder to Workspace..."
Visual Studio Code Version: 1:30.0 - How do I move Terminal output to the bottom
I can't find this in the documentation. Currently, when I click Terminal > New Terminal, it appears to the right of the IDE. I prefer to see this at the bottom. How do I move it to the bottom please? I have looked but I do not understand all the Newspeak.
You can right-click on Terminal and choose Move Panel to Bottom option, as you can see here:
If you go to settings there is an option to put the terminal on the bottom or right. You can change it there. If you are actually editting the settings.json file look for "workbench.panel.defaultLocation" statement and change it to "bottom"
Netbeans Project Panel toggle
Is there any keyboard short cut in netbeans for toggling between project panel. For example if I'm working on a laptop and sometime I need for space for see the code window and always I have to click on the project's panel to hide it. Is there any way I can quickly hide and show that left side thing?
You can use Shift + ESCAPE to maximize the current window (e.g. the code editor). Alternatively, right click on the editor's tab for the current file and choose "Maximize"
you can use shift+esc to hide or show your project panel.