Terminal

Abrir y usar la terminal integrada

La terminal integrada de Visual Studio Code es una herramienta fundamental que permite ejecutar comandos del sistema operativo directamente desde el editor, sin necesidad de cambiar entre aplicaciones. Esta funcionalidad transforma VS Code en un entorno de desarrollo completo donde puedes escribir código y ejecutar comandos en el mismo espacio de trabajo.

Métodos para abrir la terminal

Existen varias formas de acceder a la terminal integrada en VS Code, cada una adaptada a diferentes preferencias de trabajo:

Atajo de teclado principal:

Ctrl + ` (tecla backtick)

La tecla backtick (`) se encuentra normalmente en la esquina superior izquierda del teclado, junto al número 1. Este es el método más rápido y utilizado por desarrolladores experimentados.

Acceso mediante menú:

Navega a Terminal > New Terminal en la barra de menús superior. Esta opción es especialmente útil cuando estás comenzando a familiarizarte con la herramienta.

Paleta de comandos:

Presiona Ctrl+Shift+P para abrir la paleta de comandos y escribe "Terminal: Create New Terminal". Aunque es menos directo, resulta útil cuando necesitas acceder a opciones específicas de terminal.

Ubicación y características del panel

Una vez abierta, la terminal aparece en el panel inferior de VS Code, ocupando la parte baja de la ventana del editor. Este diseño permite mantener visible tanto el código como la terminal simultáneamente, facilitando un flujo de trabajo eficiente.

El panel de terminal incluye varios elementos de interfaz importantes:

• Pestañas de terminal: Cada terminal abierta aparece como una pestaña individual
• Botones de control: Ubicados en la esquina superior derecha para crear, dividir o cerrar terminales
• Indicador de shell: Muestra qué tipo de terminal está activa (PowerShell, bash, zsh)
• Área de comandos: El espacio principal donde introduces y ejecutas comandos

Gestión básica del panel

El panel de terminal ofrece flexibilidad en su presentación para adaptarse a diferentes necesidades de trabajo:

Redimensionamiento:

Arrastra el borde superior del panel hacia arriba o abajo para ajustar su altura. Esto te permite equilibrar el espacio entre el editor de código y la terminal según la tarea actual.

Ocultar y mostrar:

Utiliza el mismo atajo `Ctrl+`` para alternar entre mostrar y ocultar el panel. También puedes hacer clic en el icono de terminal en la barra de estado inferior o usar el botón "×" en la esquina superior derecha del panel.

Maximización temporal:

Haz doble clic en la barra de título del panel para maximizarlo temporalmente, ocupando toda la ventana. Repite la acción para restaurar el tamaño normal.

Tipos de terminal según el sistema operativo

VS Code detecta automáticamente el shell predeterminado de tu sistema operativo y lo utiliza como terminal integrada:

Windows:

PS C:\Users\usuario\proyecto>

Por defecto utiliza PowerShell, que ofrece comandos avanzados y compatibilidad con .NET. También puede usar Command Prompt (cmd) si está configurado como predeterminado.

Linux:

usuario@equipo:~/proyecto$

Emplea bash como shell estándar, proporcionando acceso completo a herramientas Unix y comandos de línea tradicionales.

macOS:

usuario@MacBook proyecto %

Utiliza zsh (Z shell) como predeterminado desde macOS Catalina, ofreciendo características avanzadas como autocompletado inteligente y temas personalizables.

Sincronización con el workspace

Una de las ventajas principales de la terminal integrada es su sincronización automática con el workspace actual. Cuando abres una terminal, VS Code establece automáticamente el directorio de trabajo en la carpeta raíz del proyecto abierto.

Esta sincronización significa que:

• Los comandos se ejecutan en el contexto correcto del proyecto
• No necesitas navegar manualmente al directorio del proyecto
• Los archivos generados aparecen directamente en el explorador de VS Code
• Las rutas relativas funcionan como esperas en relación al proyecto

Ejemplo práctico:

Si tienes abierto un proyecto en C:\Proyectos\MiApp, la terminal se iniciará automáticamente en esa ubicación:

PS C:\Proyectos\MiApp>

Esto elimina la necesidad de ejecutar comandos como cd C:\Proyectos\MiApp cada vez que abres una nueva terminal.

Ventajas de la integración

La terminal integrada ofrece beneficios significativos comparada con terminales externas:

• Contexto unificado: Mantiene el foco en VS Code sin cambiar entre aplicaciones
• Sincronización automática: Siempre trabaja en el directorio correcto del proyecto
• Integración visual: Los errores y salidas se muestran con el mismo tema que el editor
• Gestión eficiente: Múltiples terminales organizadas en pestañas dentro del mismo panel
• Acceso rápido: Atajos de teclado optimizados para desarrolladores

La terminal integrada se convierte así en una extensión natural del entorno de desarrollo, permitiendo un flujo de trabajo más fluido y productivo donde el código y los comandos coexisten armoniosamente.

Contexto histórico: del terminal externo al integrado

Durante años, los desarrolladores trabajaban con ventanas separadas para el editor y para la terminal, alternando constantemente con Alt + Tab. La llegada de Visual Studio Code en 2015 normalizó un enfoque distinto: integrar la terminal dentro del propio editor como un panel más. Esta idea, inspirada en herramientas como Emacs y Atom, se popularizó rápidamente porque elimina el contexto mental que supone cambiar de ventana. Con el paso del tiempo, la terminal integrada ha incorporado pestañas, perfiles, agrupamiento y soporte para GPU, hasta convertirse en una de las funciones más utilizadas del editor, por delante incluso de la búsqueda global en muchos flujos de trabajo.

Atajos de teclado adicionales

Además del atajo básico, existen combinaciones útiles para trabajar con varias terminales al mismo tiempo:

• Ctrl + Shift + `: crea una nueva terminal adicional sin cerrar la actual.
• Ctrl + Shift + 5: divide el panel en dos terminales lado a lado, ideal para ejecutar un servidor y observar logs simultáneamente.
• Ctrl + PageUp / PageDown: cambia entre las pestañas de terminal abiertas.
• Ctrl + Shift + C: abre la terminal externa del sistema en el mismo directorio, útil para operaciones que requieren una ventana nativa.
• Ctrl + Shift + F: busca texto dentro del buffer de la terminal, muy práctico para encontrar errores concretos en salidas largas.
• Alt + Flecha arriba / abajo: navega entre los prompts del shell, saltando directamente al inicio de cada comando ejecutado.

Ejemplo paso a paso: lanzar un servidor Node.js y observar logs

Imagina que trabajas en una aplicación Node.js y quieres ver los logs mientras editas código:

1. Abre la carpeta del proyecto con File > Open Folder.
2. Pulsa Ctrl + ` para abrir la terminal integrada en la raíz del proyecto.
3. Ejecuta npm install para instalar las dependencias.
4. Pulsa Ctrl + Shift + 5 para dividir la terminal en dos paneles laterales.
5. En el panel izquierdo, ejecuta npm run dev para iniciar el servidor.
6. En el panel derecho, ejecuta tail -f logs/app.log para observar los registros.
7. Edita un archivo en el editor y guarda con Ctrl + S; verás cómo el servidor se recarga en el panel izquierdo mientras el panel derecho muestra la actividad.
8. Cuando termines, pulsa Ctrl + C en cada terminal para detener los procesos.

Este flujo aprovecha al máximo la integración entre editor y terminales sin salir del entorno.

Tabla comparativa: terminal integrada frente a terminal externa

| Aspecto | Terminal integrada | Terminal externa | |---------|-------------------|-------------------| | Contexto de trabajo | Mismo workspace automáticamente | Requiere cd manual | | Cambio de foco | Mínimo (mismo proceso) | Alt + Tab constante | | Tema y colores | Heredados del editor | Configuración independiente | | Múltiples instancias | Pestañas y paneles nativos | Varias ventanas del sistema | | Rendimiento | Ligeramente superior con aceleración GPU | Depende del emulador del sistema | | Soporte para enlaces | Clic en rutas y URLs del editor | Depende del emulador |

Errores comunes al usar la terminal integrada

Algunos tropiezos habituales a evitar:

• Confundir el shell activo: si has configurado varios perfiles, asegúrate de saber si estás en PowerShell, bash o cmd antes de copiar comandos, ya que la sintaxis varía.
• Lanzar procesos muy pesados en la terminal integrada: si el proceso imprime miles de líneas por segundo, el buffer puede ralentizar el editor; en esos casos, redirige la salida a un archivo con > logs.txt.
• Cerrar la terminal sin detener el proceso: al cerrar una pestaña con un servidor en ejecución, el proceso queda huérfano y puede bloquear puertos.
• Olvidar reiniciar la terminal tras cambiar variables de entorno en el archivo settings.json o en el .bashrc del sistema.
• No aprovechar los enlaces clicables: muchas herramientas imprimen rutas como src/app.js:42:10; al mantener pulsado Ctrl y hacer clic, VS Code abre el archivo en la línea exacta.

Mejores prácticas en equipos

En proyectos con varias personas, la terminal integrada puede estandarizarse para evitar sorpresas:

• Definir en .vscode/settings.json el shell por defecto mediante terminal.integrated.defaultProfile.windows (o linux/osx) para que todo el equipo use el mismo intérprete.
• Crear tareas (tasks.json) para comandos frecuentes como npm run dev o docker compose up, de modo que se lancen con un solo atajo sin tener que recordarlos.
• Usar terminal.integrated.env.* para establecer variables de entorno compartidas y consistentes entre todos los miembros.
• Documentar en el README.md los comandos más habituales y el orden en que deben ejecutarse al clonar el repositorio por primera vez.
• Activar terminal.integrated.persistentSessionReviveProcess para recuperar sesiones al reabrir el editor, evitando perder el contexto de trabajos largos.