Hackeie seu código com Depuração no VS Code

Olá! Neste artigo, mostrarei como você pode usar o depurador no VS Code para melhorar sua experiência de programação e detectar bugs em seu código com mais eficiência. O depurador é uma ferramenta incorporada ao VS Code que permite encontrar e corrigir bugs em seu código ou até mesmo sugerir maneiras de corrigi-los. Continue lendo para saber como usá-lo!

O que é um esfregão?

Antes de nos aprofundarmos em como usar o depurador no VS Code, é importante entender o que realmente é um depurador. Um depurador é um programa ou ferramenta usada para localizar e corrigir erros no código. Em outras palavras, é como um detetive que ajuda você a encontrar os bugs ocultos em seu código e oferece soluções para corrigi-los.

O depurador no VS Code

O VS Code possui uma ferramenta de depuração integrada que permite executar e depurar seu código passo a passo, permitindo que você examine o estado do programa em cada etapa e detecte quaisquer problemas. Você pode definir pontos de interrupção em seu código, o que significa que o depurador irá parar automaticamente nesses pontos para que você possa examinar o estado de suas variáveis ​​e continuar o fluxo de execução.

Usando o depurador no VS Code

Para usar o depurador no VS Code, siga estas etapas simples:

1. Instale a extensão de depuração mais apropriada para a linguagem de programação que você está usando. Para fazer isso, vá ao menu superior, selecione “Instalando depuradores adicionais” e escolha os idiomas que deseja usar.
2. Uma vez instalada a extensão, você precisará configurar o arquivo “launch.json” encontrado na pasta “.vscode” do seu projeto. Este arquivo é onde todas as configurações de depuração são armazenadas.
3. Agora você pode definir pontos de interrupção em seu código, o que permitirá interromper a execução do programa nesses pontos e examinar o estado das variáveis.
4. Para iniciar a depuração, você pode fazer isso de várias maneiras. Você pode usar a paleta de comandos, pressionar F5 ou selecionar a opção “Depurar” na barra lateral.

Criar um programa Node.js

Se você estiver usando Node.js, precisará criar um programa simples para executar o depurador. Aqui mostro como fazer:

1. Certifique-se de ter o Node.js instalado em seu computador. Você pode baixá-lo em sua página oficial.
2. Verifique se o Node.js está instalado digitando “node -v” no terminal. Ele deve mostrar a versão que você instalou.
3. Crie uma pasta vazia em sua área de trabalho e dê um nome a ela.
4. Abra o VS Code e no terminal digite os seguintes comandos: mkdir (para criar a pasta) e cd (para entrar na pasta).
5. Uma vez na pasta, você pode criar um novo arquivo JavaScript com o seguinte comando: touch app.js
6. Abra o arquivo “app.js” no editor e escreva o seguinte código:

        var msg = 'Hola, Mundo';
        console.log(msg);
      

7. Salve o arquivo e verifique se o arquivo está selecionado no VS Code File Explorer.
8. Brilhante! Agora você tem um programa Node.js simples pronto para executar e depurar no VS Code.

Executando o depurador

Depois de ter seu programa pronto, você pode executar o depurador no VS Code para examinar seu código em busca de erros. Aqui eu mostro como:

1. Certifique-se de ter salvo seu arquivo corretamente antes de continuar.
2. Selecione a opção “criar um launch.json” no menu de depuração do VS Code. Esta opção criará automaticamente um arquivo “launch.json” na pasta “.vscode” do seu projeto.
3. Abra o arquivo “launch.json” e verifique se ele possui as seguintes configurações:

        {
          "version": "0.2.0",
          "configurations": [
            {
              "type": "node",
              "request": "launch",
              "name": "Node.js: Launch Program",
              "program": "${file}"
            }
          ]
        }
      

4. Salve as alterações no arquivo.
5. Para iniciar a depuração, você pode fazer isso de várias maneiras. Você pode usar a paleta de comandos, pressionar F5 ou selecionar a opção “Depurar” na barra lateral.
6. Preparar! O depurador será iniciado e você poderá examinar o estado das variáveis ​​e acompanhar passo a passo o fluxo de execução do seu programa.

Adicionar pontos de interrupção

Ao depurar seu código, você pode definir pontos de interrupção para interromper a execução do programa em determinadas linhas de código e examinar o estado das variáveis ​​nesse ponto.

1. Para definir um ponto de interrupção, basta clicar no número da linha na margem esquerda do editor.
2. Depois de definir seus pontos de interrupção, você pode iniciar a depuração e o depurador parará automaticamente nesses pontos de interrupção.
3. A partir daqui, você pode examinar o estado das variáveis, executar o programa passo a passo, acompanhar o fluxo de execução e detectar qualquer problema em seu código.

…