Search code examples
visual-studio-code

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.

Solution

  • 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).