VS Code configuration to enable live debugging from Chromium

README.md

1. Make sure you have the "Debugger for Chrome" VS Code extension installed.
2. Put this file in the .vscode folder at the root of the create-react-app project.
3. Adjust the path to the Chrome/Chromium binary if needed.
4. Launch the app normally with npm run start.
5. Start debugging in VS Code with F5.

See:

• https://medium.com/@auchenberg/live-edit-and-debug-your-react-apps-directly-from-vs-code-without-leaving-the-editor-3da489ed905f
• https://askubuntu.com/questions/839298/default-installation-path-for-chromium-web-browser-in-ubuntu-16-04

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Chrome",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceRoot}/src",
      "runtimeExecutable": "/snap/bin/chromium"
    }
  ]
}