Debug Node.js com Chrome DevTools

Post original: link

Já precisou debugar em Node.js?

Se sim provavelmente você pensou que era necessário fazer toda uma configuração.

Não importa se você usa Sublime, VSCode, WebStorm ou outro editor/IDE, será necessário no mínimo configurar um arquivo.

Bom eu utilizo VIM, não largo por nada rs

Mas voltando pro foco, que tal utilizar o próprio Chrome DevTools como Debug?

É muito fácil.

Se você já tem o Node instalado pode utilizar a flag —inspect-brk para iniciar um Websocket com o Google Chrome. Essa flag adicona um break antes do código ser executado.

Vamos começar com um único

Show, agora vamos entrar no Google Chrome e digitar no campo de url chrome://inspect, o Chrome irá abrir um página com nosso script, clicando em inspect ele irá abrir o DevTools.

Agora com nosso DevTools aberto podemos adicionar break points para conseguir encontrar o erro.

Caso você esteja trabalhando em um projeto grande pode adicionar um script no seu package.json, “dev:debug”: “node —inspect-brk app.js”

Nesse cenário teremos que adicionar a pasta do no projeto na sessão Filesystem em Add folder to workspace, para podermos navegar entre os arquivos e adicionar nossos break pointers.

Espero que esse pequeno artigo ajude vocês no dia a dia com Node.

Para mais informações sobre debug com Node acesse esse link.