VS Code Debug Settings

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch FireFox",  // install https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug
      "type": "firefox",
      "request": "launch",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}",
      "pathMappings": [
        {
          "url": "webpack://<WORKSPACE>/",
          "path": "${workspaceFolder}/"
        }
      ]
    },
    {
      "name": "Launch Edge", // install https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-edge 
      "request": "launch",
      "type": "pwa-msedge",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}"
    },
    {
      "name": "Launch Chrome", // install https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
      "request": "launch",
      "type": "pwa-chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

In Firefox config, set product name as <WORKSPACE>, e.g., ordino or cohort.