Depuração: o que é e como fazer

Depuração é a ação realizada pelo desenvolvedor para ver, linha a linha, as transformações que estão acontecendo no código.

Configurando o depurador

Inicialmente, no menu lateral do vscode, encontre a ferramenta Run and Debug e clique nela. Após essa ação, ficará visível um botão Run and Debug no qual você deve clicar para que seja feita a configuração.

Primeiro é necessário dizer ao depurador qual o ambiente estamos utilizando, no nosso caso é o node.js. Essa ação irá gerar um documento 'launch.js' que contém a configuração inicial do depurador. No entanto, nesse arquivo precisamos alterar a linha que corresponde ao caminho do arquivo inicial da aplicação.

O arquivo de configuração deve ficar conforme o modelo abaixo:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-node",
            "request": "launch",
            "name": "Depuração",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/src/index.js"
        }
    ]
}

Por fim, inicie a depuração e acompanhe a aula para melhor compreensão da ferramenta.

Notas:

• BREAKPOINTS: é um ponto de interrupção do código durante a depuração, fazendo o código ficar parado esperando um sinal de prosseguimento do programador.

• WATCH: é uma expressão que o programador deseja observar a todo momento.

• CALL STACK: é a pilha de chamadas de funções.