Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I move the debug menu to the footer or problems view in Visual Studio Code?

Is it possible to move the debug menu bar to the bottom of the application or into the problems view? It is anchored to the top of the screen.

debug

FYI I found that docking it is an option and I describe how to set that option in an answer.

like image 814
1.21 gigawatts Avatar asked Apr 25 '19 17:04

1.21 gigawatts


People also ask

How do I move the Debug pointer in Visual Studio?

With the debugger paused on a line of code, use the mouse to grab the yellow arrow pointer on the left. Move the yellow arrow pointer to a different point in the code execution path. Then you use F5 or a step command to continue running the app.

How do you add a Debug menu in VS Code?

Firstly ensure you have a proper configuration in launch. json. Then open Debug menu and choose Start Debugging (or just press F5). It's caused that Debug button/menu appeared.

How do I change the code layout in Visual Studio?

Select File > Preferences > Settings (or press Ctrl+,) to edit the user settings. json file. To edit workspace settings, select the WORKSPACE SETTINGS tab to edit the workspace settings.


Video Answer


2 Answers

It looks like you can dock or hide the debug tool bar:

To hide the debug tool bar change the "debug.toolBarLocation" setting to hidden.

Either floating in all views, docked in the debug view, or hidden.

Docking is better than floating and hidden. Adding the extension mentioned in the other answer is also helpful.

like image 191
1.21 gigawatts Avatar answered Oct 19 '22 12:10

1.21 gigawatts


There are a few issues about this on vscode github, for example see summary of issues

There is an extension available to move the debug menu bar to the status bar which looks good:

StatusBar Debugger

StatusBar Debugger demo

----- Update -----------

In v1.42 and 1.43 it is now easy to move various debug view to the panel. See https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_43.md#easier-moving-of-even-more-views and VS Code - toggle search icon in Activity Bar, move from panel or back and especially

Visual Studio Code: How to have both Debug window and Explorer window open together?

Easier moving of even more views

Last release, we had just a taste of relocating views to the panel. In this relase, this experience has been expanded to many more views. You can now move many more views such as the debug views or the new timeline view. You can also now move them into other viewlets in the sidebar. For example, perhaps you'd like to move the Open Editors view into the SCM viewlet. You can do all of this by dragging the views and dropping them in the desired location in the Activity Bar or Panel. The gif below highlights a few examples.

release notes image

We've introduced a new command to make moving views easier with the keyboard: View: Move Focused View (workbench.action.moveFocusedView).

And finally, this is a preview feature. So, in case you get into a state that you can't fix, there is a command to reset all views to their original locations: View: Reset View Locations (workbench.action.resetViewLocations).

like image 31
Mark Avatar answered Oct 19 '22 12:10

Mark