Tips about Visual Studio Chrome Debug

1. If your chrome not named as chrome, such as google-chrome-stable in archlinux, set "runtimeExecutable" in lauch.json:

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:4200/",
      "webRoot": "${workspaceFolder}/demo",
      "sourceMaps": true,
      "runtimeExecutable": "/usr/bin/google-chrome-stable"
    }
  ]
}

2. If all breakpoints "Unverified breakpoint", look carefully on "webRoot" configuration, if your website root directory not vs.code workspace folder (where vs.code started), recheck path carefully.