Cómo usar puntos de interrupción en VS Code

Programar en VS Code no es fácil. Incluso los errores más pequeños pueden causar problemas masivos y obstaculizar sus proyectos. Para superar estos obstáculos, necesita una técnica de depuración confiable en su caja de herramientas. Aquí es donde entran en juego los puntos de interrupción.

Cómo usar puntos de interrupción en VS Code

Los puntos de interrupción se utilizan siempre que desee pausar la ejecución del depurador. Le permiten examinar el estado de las variables de su código y realizar muchas otras tareas cruciales para reanudar su programación. Por eso es indispensable entender cómo usar los puntos de interrupción en VS Code.

En esta entrada, le daremos una guía detallada sobre cómo emplear los puntos de interrupción de VS Code. Aprenderá sobre los tipos más populares y descubrirá cómo pueden facilitar su desarrollo.

Cómo usar puntos de interrupción en VS Code

Los puntos de interrupción en VS Code se pueden colocar en cualquier código ejecutable. Funciona para firmas de métodos, declaraciones para una clase o espacio de nombres e incluso declaraciones de variables si no hay getters/setters o asignaciones.

Para establecer un punto de interrupción en su código fuente, siga los siguientes pasos:

  1. Haga clic en el margen izquierdo o presione la tecla F9 junto a la línea que desea detener.
  2. Ejecute el código o presione F5 («Continuar»).
  3. Su código ahora se detendrá antes de la ejecución marcada. El punto de interrupción aparecerá como un punto rojo dentro del margen izquierdo.

De forma predeterminada, las líneas de código de ejecución actuales y los puntos de interrupción se resaltan automáticamente para la mayoría de los lenguajes de programación, incluido C#. Si está trabajando en C++, puede activar el resaltado de la siguiente manera:

  1. Vaya a «Depurar» o «Herramientas».
  2. Elija «Opciones», seguido de «Depuración».
  3. Seleccione el siguiente comando: «Resalte toda la línea de origen para la declaración actual y el punto de interrupción».

Una vez que el depurador se detiene en sus puntos de interrupción, puede inspeccionar la condición actual de su aplicación. Los datos que puede ver incluyen pilas de llamadas y valores de variables.

Cuando se trata del color, los puntos de interrupción suelen ser de color rojo si está trabajando en el margen de su editor. Los puntos de interrupción deshabilitados se representan mediante un círculo gris relleno, mientras que un círculo hueco gris indica un punto de interrupción que no se puede registrar. Esto último también puede aplicarse si está editando la fuente mientras sus sesiones de depuración sin soporte de edición en vivo están en progreso.

Aquí hay algunos comandos de puntos de interrupción más notables:

Preguntas frecuentes adicionales

¿Qué son los puntos de registro en VS Code?

Los puntos de registro son otra variante útil de los puntos de interrupción. En lugar de irrumpir en su depurador, registran mensajes en su consola y sirven como declaraciones de seguimiento temporales en su lenguaje de programación. Además, no interrumpen la ejecución del código.

Los puntos de registro pueden ser un excelente dispositivo de inyección cuando está depurando un servidor de producción que no se puede detener o pausar. Aparecen como iconos en forma de diamante y cuentan con texto sin formato. Sin embargo, también pueden venir con expresiones evaluadas con llaves.

Al igual que los puntos de interrupción estándar, los puntos de registro se pueden activar y desactivar. También puede controlarlos con un recuento de visitas o una condición.

Además, si bien son compatibles con el depurador integrado de Node.js, también se pueden aplicar a través de otras plataformas de depuración. La lista incluye extensiones de Java y Python.

¿Cómo uso puntos de interrupción condicionales en VS Code?

Una de las características más poderosas de VS Code es la capacidad de insertar condiciones de acuerdo con el conteo de visitas, expresiones o combinaciones de ambas:

• “Recuento de visitas”: la función “Recuento de visitas” dicta el número de veces que necesita llegar a su punto de interrupción antes de interrumpir la ejecución del código. La sintaxis de esta expresión y si se sigue el recuento de visitas depende de la extensión del depurador.

• “Condición de expresión”: el código alcanzará este punto de interrupción cada vez que su expresión muestre una evaluación “Verdadera”.

Puede agregar recuentos de visitas y condiciones al crear puntos de interrupción de origen con su opción «Agregar punto de interrupción condicional». Alternativamente, se puede acceder a estas funciones cuando se modifican los puntos de interrupción existentes a través de la función «Editar condición». Independientemente del método, debería ver un cuadro de texto y un menú que le permite ingresar sus expresiones. También puede editar condiciones utilizando su menú contextual o la ventana «Editar condición».

Además, VS Code admite recuentos de visitas y condiciones para los puntos de interrupción de «Excepción» y «Función». Si su depurador no es compatible con los puntos de interrupción condicionales, las opciones «Editar condición» y «Agregar punto de interrupción condicional» no estarán accesibles.

¿Qué son los puntos de interrupción en línea en VS Code?

Los puntos de interrupción en línea solo se alcanzan cuando la ejecución del código llega a la columna conectada a su punto de interrupción en línea. Son especialmente útiles al depurar código minimizado que contiene varias declaraciones en una línea.

Para establecer puntos de interrupción en línea, puede usar la combinación de teclas «Shift + F9». Otra opción es acceder al menú «Contexto» mientras está en una sesión de depuración. Se mostrarán en la ventana de edición.

El menú «Contexto» también le permite editar múltiples puntos de interrupción en una sola línea.

¿Qué son los puntos de interrupción de función en VS Code?

En lugar de colocar un punto de interrupción directamente en su código fuente, puede crear uno designando un nombre de función. Esta característica funciona muy bien para fuentes no disponibles con un nombre de función familiar.

Aquí se explica cómo crear un punto de interrupción de función:

1. Presione el símbolo «+» en su encabezado «Puntos de interrupción».

2. Introduzca un nombre de función.

3. Esto creará un punto de interrupción de la función y se representará con un triángulo rojo.

¿Qué son los puntos de interrupción de datos en VS Code?

Algunos depuradores también admiten puntos de interrupción de datos. Se pueden activar a través de la ventana «Variables» y se activan cuando cambia el valor de la variable. Los puntos de interrupción aparecen como hexágonos rojos dentro del menú «Puntos de interrupción».

Puerta de entrada a numerosas posibilidades

Los puntos de interrupción en VS Code se pueden usar de muchas maneras diferentes, lo que abre la puerta a posibilidades casi infinitas al depurar su código. Con todos los tipos de puntos de interrupción que hemos cubierto anteriormente a su disposición, observará fácilmente el comportamiento de sus líneas y facilitará el proceso de depuración. Lo mejor de todo es que la mayoría de ellos se pueden activar rápidamente y cada uno de ellos está claramente representado para acelerar aún más sus esfuerzos de codificación.

¿Has intentado usar puntos de interrupción en VS Code? ¿Qué tipo de punto de interrupción utiliza con más frecuencia? ¿Ha activado alguna vez un ID de objeto? Háganos saber en la sección de comentarios.