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 grandes problemas y obstaculizar sus proyectos. Para superar estos obst√°culos, necesita una t√©cnica de depuraci√≥n confiable en su conjunto de herramientas. Aqu√≠ es donde entran los puntos de interrupci√≥n.

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 volver a encarrilar su programación. Esta es la razón por la cual es imprescindible comprender cómo usar los puntos de interrupción en VS Code.



En esta entrada, le daremos una guía detallada sobre cómo usar los puntos de interrupción de VS Code. Aprenderá sobre los tipos más populares y descubrirá cómo pueden ayudarlo en 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. Esto funciona para firmas de métodos, declaraciones para una clase o espacio de nombres, e incluso para declaraciones de variables si no hay getters/setters o asignaciones.

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

  1. Haga clic en el margen izquierdo o presione la tecla F9 junto a la línea que desea romper.
  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 en ejecución y los puntos de interrupción actuales se resaltan automáticamente para la mayoría de los lenguajes de programación, incluido C#. Si está trabajando en C++, puede habilitar el resaltado de la siguiente manera:



  1. Vaya a "Depuración" 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 el estado actual de su aplicación. Los datos que puede ver incluyen pilas de llamadas y valores de variables.

En cuanto al color, los puntos de interrupci√≥n suelen ser de color rojo si est√° trabajando dentro del margen de su editor. Los puntos de interrupci√≥n deshabilitados est√°n representados por un c√≠rculo gris s√≥lido, mientras que un c√≠rculo gris hueco indica un punto de interrupci√≥n que no se puede guardar. Esto √ļltimo tambi√©n puede aplicarse si edita la fuente mientras sus sesiones de depuraci√≥n sin soporte de edici√≥n en vivo est√°n en progreso.

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

Preguntas frecuentes adicionales

¬ŅQu√© son los puntos de registro en VS Code?

Los puntos de registro son otra variaci√≥n √ļtil de los puntos de interrupci√≥n. En lugar de penetrar 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 ir acompa√Īadas de 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 una serie de movimientos 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 usar 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 basadas en el recuento de visitas, expresiones o combinaciones de las dos:

‚ÄĘ ‚ÄúRecuento de visitas‚ÄĚ: la funci√≥n ‚ÄúRecuento de visitas‚ÄĚ dicta el n√ļmero de veces que debe llegar a su punto de interrupci√≥n antes de que interrumpa la ejecuci√≥n del c√≥digo. La sintaxis de esta expresi√≥n y el respeto del recuento de visitas depende de la extensi√≥n de su depurador.

‚ÄĘ ‚ÄúCondici√≥n de la expresi√≥n‚ÄĚ: el c√≥digo llega a este punto de interrupci√≥n cada vez que su expresi√≥n se eval√ļa como ‚ÄúVerdadera‚ÄĚ.

Puede agregar recuentos de visitas y condiciones al crear puntos de interrupci√≥n de origen con la opci√≥n "Agregar punto de interrupci√≥n condicional". Alternativamente, se puede acceder a estas funciones al editar puntos de interrupci√≥n existentes a trav√©s de la funci√≥n "Editar condici√≥n". De cualquier manera, deber√≠a ver un cuadro de texto y un men√ļ para ingresar sus expresiones. Tambi√©n puede editar condiciones utilizando su men√ļ contextual o la ventana "Editar condici√≥n".

Además, VS Code admite el recuento de visitas y las condiciones para los puntos de interrupción de 'Excepción' y 'Función'. Si su depurador no admite puntos de interrupción condicionales, las opciones "Editar condición" y "Agregar punto de interrupción condicional" no estarán disponibles.


¬Ņ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 de una sola 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 se encuentra 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. Toque 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 función y estará representado por 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 ven afectados cuando cambia el valor de la variable. Los puntos de interrupci√≥n aparecen como hex√°gonos rojos en el men√ļ "Puntos de interrupci√≥n".

Puerta de entrada a muchas posibilidades

Los puntos de interrupci√≥n en VS Code se pueden usar de varias maneras, lo que abre la puerta a posibilidades casi infinitas al depurar su c√≥digo. Con todos los tipos de puntos de interrupci√≥n que describimos 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 mayor frecuencia? ¬ŅYa ha activado un ID de objeto? H√°ganos saber en la secci√≥n de comentarios.

Audio vídeo Cómo usar puntos de interrupción en VS Code
A√Īade un comentario de C√≥mo usar puntos de interrupci√≥n en VS Code
¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.