btorresgil
5/31/2019 - 4:36 PM

VSCode: Chrome launch

Launch Chrome debugging in a separate developer instance on OSX with developer extensions like React DevTools.

sourceMapPathOverrides is recommended by create-react-app, probably not needed for other environments.

More information: https://facebook.github.io/create-react-app/docs/setting-up-your-editor#visual-studio-code

launch.json
content_copyfile_download
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Chrome",
      "url": "http://localhost:1234",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      },
      "userDataDir": "${env:HOME}/Library/Application Support/Google/DevChrome",
      "runtimeArgs": ["--profile-directory=Default"]
    }
  ]
}