¿Por que usar breakpoints?

Los breakpoints nos permiten poder debugear el código de una forma mas dinámica y sencilla en vez de usar los console.log().

Debuggear Node (pa los baken)

Modo manual

Habilitar el debuger

node --inspect index.js

Habilitar el debuger con un breakpoint inicial

node --inspect-brk index.js

La extencion de chrome NIM (Node Inspector Manager) permite abrir automáticamente una pestaña con el debuger al usar --inspect

Debuggear JavaScript (pa los fronen)

Plugin vscode-chrome-debug

ext install msjsdiag.debugger-for-chrome

launch.json

{
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Lanzar Chromium contra localhost (Linux)",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceRoot}/src",
      "runtimeExecutable": "/usr/bin/chromium",
      "runtimeArgs": [
        "--remote-debugging-port=9222"
      ]
    },
    {
      "type": "chrome",
      "request": "launch",
      "name": "Lanzar Chrome contra localhost (Mac)",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceRoot}/src",
      "runtimeArgs": [
        "--remote-debugging-port=9222"
      ]
    }
  ]
}