54 - Depuración de programas en VSCode

La depuración de programas es el proceso de identificar y corregir errores de programación. VSCode nos trae dentro del editor y junto a extensiones este proceso.

Dentro de la "Barra de actividades" de VSCode podemos identificar el ícono que nos abre el diálogo de depuración:

depuración VSCode

Cada ambiente de trabajo tiene sus propias herramientas de depuración: Node.JS, Python, C# etc.

Prueba de depuración con Python

Abriremos algún programa que hemos desarrollado para ver como podemos depurarlo.

Programa: ejercicio069.js

lista=[10,7,3,7,2]
suma=0
x=0
while x<len(lista):
    suma=suma+lista[x]
    x=x+1
print("Los elementos de la lista son")
print(lista)
print("La suma de todos sus elementos es")    
print(suma)    

Podemos ejecutar la aplicación desde la consola y comprobaremos su resultado:

depuración VSCode

Dispondremos un punto de ruptura cuando se sale del while. Esto se logra disponiendo la flecha del mouse a la izquierda del comando y luego haciendo clic:

depuración punto de ruptura VSCode

Procederemos ahora a abrir la opción de "Depurar" ( Ctrl + Shift + D o el ícono de la barra de actividades) e iniciamos la depuración.

El programa empieza a ejecutarse y se detiene en la línea donde dispusimos el punto de ruptura (break point):

depuración inicio VSCode

Como vemos aparece una barra de botones que nos permite:

  • Continuar (F5) (el triángulo verde)
  • Depurar paso a paso por procedimiento (F10)
  • Depurar paso a paso por instrucciones (F11)
  • Salir de depuración (Shift + F11)
  • Reiniciar (Ctrl + Shift + F5)
  • Detener (Shift+F5)

Disponiendo la flecha del mouse sobre el nombre de una variable (por ejemplo 'suma') se nos muestra su contenido:

depuración inicio VSCode

Con esta mecánica podemos identificar errores lógicos que tenga nuestro algoritmo.