Unable to debug AngularJS app using Visual Studio Code and Chrome debugger extension
<p>I am using the <code>Debugger for Chrome</code> plugin with Visual Studio Code. </p>

<p>1) When I try to <code>launch</code> the debugger in Visual Studio Code, I get this error - <code>Failed to load resource: net::ERR_CONNECTION_REFUSED</code>. </p>

<p>2) When I try to <code>attach</code> the debugger, I get this error - <code>Failed to load resource: the server responded with a status of 404 (Not Found)</code>.</p>

<p>My end goal is to be able to debug a pure AngularJS web app.</p>

<p><code>launch.json</code></p>

<pre><code>{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost, with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8080",
            "runtimeArgs": [
            "--new-window", //Open in new window
            "--remote-debugging-port=9222" //Open in port 9222 (standard chrome debug port)
        ],
            "webRoot": "${workspaceRoot}/app/"
        },
        {
            "name": "Attach to Chrome, with sourcemaps",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        }
    ]
}
</code></pre>

<p>Note: I have made sure there are no running instances of Chrome before I start the debugger. I am running <code>Windows 10</code>. </p>