Debug Node.js com Chrome DevTools

jdssl

Jonatan Lima (balu)

Posted on July 10, 2021

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

Terminal

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.

DevTools

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

DevTools

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.

Fiquem com Deus e até a próxima.

Nunca desista de correr atrás dos seus sonhos!!!

💖 💪 🙅 🚩
jdssl
Jonatan Lima (balu)

Posted on July 10, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related