DEV Community

Cover image for Debug Node.js com Chrome DevTools
Jonatan Lima (balu)
Jonatan Lima (balu)

Posted on • Edited on

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!!!

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more