Visual Studio Code¶

Banner — Imagen generada con Inteligencia Artificial

Visual Studio Code (también conocido por VSCode) es un entorno de desarrollo integrado IDE gratuito y de código abierto desarrollado por Microsoft que ha ganado mucha relevancia en los últimos años. Permite trabajar fácilmente con multitud de lenguajes de programación y dispone de una gran cantidad de extensiones.

Instalación¶

VSCode está disponible para distintos sistemas operativos con paquetes autoinstalables que se pueden descargar desde este enlace.

Extensiones¶

VSCode proporciona muchas extensiones que facilitan la escritura de código Python . Personalmente recomiendo las siguientes:

Python → Soporte para el lenguaje Python con múltiples características.
Ruff → Linter¹ y formateador de código para Python (extremadamente rápido): astral.sh/ruff.
Mypy Type Checker → Chequeador de tipos estáticos para Python: mypy-lang.org.

Atajos de teclado¶

Conocer los atajos de teclado de tu editor favorito es fundamental para mejorar el flujo de trabajo y ser más productivo. Veamos los principales atajos de teclado² de Visual Studio Code:

Ajustes generalesUsabilidadEdición básicaPantalla

Acción	Atajo
Abrir paleta de comandos	`Ctrl`+`Shift`+`P`
Abrir archivo	`Ctrl`+`P`
Nueva ventana	`Ctrl`+`Shift`+`N`
Cerrar ventana	`Ctrl`+`Shift`+`W`

Acción	Atajo
Crear un nuevo archivo	`Ctrl`+`N`
Abrir archivo	`Ctrl`+`O`
Guardar archivo	`Ctrl`+`S`
Cerrar	`Ctrl`+`F4`
Panel de problemas	`Ctrl`+`Shift`+`M`

Acción	Atajo
Cortar línea	`Ctrl`+`X`
Copiar línea	`Ctrl`+`C`
Borrar línea	`Ctrl`+`Shift`+`K`
Insertar línea debajo	`Enter`
Insertar línea encima	`Ctrl`+`Shift`+`Enter`
Buscar en archivo abierto	`Ctrl`+`F`
Reemplazar	`Ctrl`+`H`
Línea de comentario	`Ctrl`+`Shift`+`7`
Bloque de comentario	`Shift`+`Alt`+`A`
Salto de línea	`Alt`+`Z`
Tabular línea	`Tab`
Destabular línea	`Shift`+`Tab`
Renombrar símbolo	`F2`

Acción	Atajo
Mostrar barra lateral	`Ctrl`+`B`
Abrir debug	`Ctrl`+`Shift`+`D`
Panel de salida	`Ctrl`+`Shift`+`U`
Control de source	`Ctrl`+`Shift`+`G`
Extensiones	`Ctrl`+`Shift`+`X`

macOS

En macOS sustituye Ctrl por Cmd

Depurando código¶

La depuración de programas es el proceso de identificar y corregir errores de programación. Es conocido también por el término inglés "debugging", cuyo significado es eliminación de bugs (bichos), manera en que se conoce informalmente a los errores de programación.

Existen varias herramientas de depuración (o debuggers). Algunas de ellas en modo texto (terminal) y otras con entorno gráfico (ventanas):

La herramienta más extendida en el mundo Python para depurar en modo texto es el módulo pdb (The Python Debugger). Viene incluido en la instalación base de Python y es realmente potente.
Aunque existen varias herramientas para depurar en entorno gráfico nos vamos a centrar en Visual Studio Code.

Lo primero será abrir el fichero fibonacci.py (como ejemplo) sobre que el que vamos a trabajar:

VSCode Debug Open

Punto de ruptura¶

A continuación pondremos un punto de ruptura (también llamado "breakpoint"). Esto implica que la ejecución se pare en ese punto que viene indicado por un punto rojo . Para ponerlo nos tenemos que acercar a la columna que hay a la izquierda del número de línea y hacer clic.

En este ejemplo ponemos un punto de ruptura en la línea 10:

VSCode Debug Breakpoint — Punto de ruptura en VSCode

También es posible añadir puntos de ruptura condicionales pulsando con el botón derecho y luego "Add Conditional Breakpoint":

VSCode Debug conditional Breakpoint — Condiciones para punto de ruptura en VSCode

Lanzar la depuración¶

Ahora ya podemos lanzar la depuración pulsando la tecla F5. Nos aparecerá el siguiente mensaje en el que dejaremos la opción por defecto "Archivo de Python" y pulsamos Enter:

VSCode Debug Config — Configuración de depuración en VSCode

Ahora ya se inicia el "modo depuración" y veremos una pantalla similar a la siguiente:

VSCode Debug Zones — Paneles de depuración en VSCode

Zonas de la interfaz en modo depuración:

Código con barra en amarillo que indica la próxima línea que se va a ejecutar.
Visualización automática de valores de variables.
Visualización personalizada de valores de variables (o expresiones).
Salida de la terminal.
Barra de herramientas para depuración.

Controles para depuración¶

Veamos con mayor detalle la barra de herramientas para depuración:

VSCode Debug Toolbar

Acción	Atajo	Significado
Continue	`F5`	Continuar la ejecución del programa hasta el próximo punto de ruptura o hasta su finalización.
Step over	`F10`	Ejecutar la siguiente instrucción del programa.
Step into	`F11`	Ejecutar la siguiente instrucción del programa entrando en un contexto inferior.
Step out	`Shift`+`F11`	Ejecutar la siguiente instrucción del programa saliendo a un contexto superior.
Restart	`Ctrl`+`Shift`+`F5`	Reiniciar la depuración del programa.
Stop	`Shift`+`F5`	Detener la depuración del programa.

Seguimiento de variables¶

Como hemos indicado previamente, la zona "VARIABLES" ya nos informa automáticamente de los valores de las variables que tengamos en el contexto actual de ejecución:

VSCode Debug Variables

Pero también es posible añadir manualmente el seguimiento de otras variables o expresiones personalizadas desde la zona "WATCH":

VSCode Debug Watch

Un "linter" es una herramienta software que permite detectar errores en el código previo a su ejecución. ↩
Fuente: Gastón Danielsen. ↩