Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>Workspace Chrome DebuggerNew to Visual Studio Code? Get it now.
Workspace Chrome Debugger

Workspace Chrome Debugger

Tiago Ventura

|
69 installs
| (0) | Free
Debug multiple workspace folders in Chrome with a single launch configuration
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Workspace Chrome Debugger

A VS Code extension that makes it easy to debug multiple workspace folders in Chrome with a single launch configuration. This only works when the projects are loaded as remoteModules on the same webpage. Useful for angular's moduleFederation, for example.

Features

  • Launch Chrome and attach to multiple workspace folders with one command.
  • Automatic port management
  • Clean session management

Usage

  1. Add a configuration to your launch.json:

    {
        "version": "0.2.0",
        "configurations": [
            {
                "name": "Debug Workspace",
                "type": "workspace-chrome",
                "request": "launch",
                "url": "http://localhost:3000/", //This is an example, change for your url
                "webRoot": "${workspaceFolder}",
                "sourceMaps": true
            }
        ]
    }
    
  2. Press F5 to start debugging

Requirements

  • VS Code 1.60.0 or higher
  • Chrome browser installed

Extension Settings

This extension contributes the following settings:

  • None yet

Known Issues

No known issues. Please report any problems you find.

Release Notes

0.0.1

Initial release of Workspace Chrome Debugger

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft