Search code examples
visual-studio-codegoogle-chrome-devtools

How can I change the docking of devtools in VS Code?


VS Code was docking devtools pane within the window before. Now, It opens a new window that increases back and forth. Is there any way to dock it back? I tried a few settings they did not work. Also, there is no dock icon as in Chrome.


Solution

  • This started with vscode v1.74 and is an electron bug. See The developer tools become a floating window.

    There is a fix reported there. Disable the setting

    Windows > Experimental > Windows Control Overlay: Enabled
    

    You will be prompted to restart vscode and then opening the Dev Tools will be docked as before. Apparently, the Electron bug has been fixed.