Tema 8 · Terminal & Tasks

8. Terminal Integrada (Ctrl+Ñ), Perfiles de Shell y Automatización con tasks.json

Ejecuta PowerShell, Git Bash o WSL dentro del editor, divide consolas en paralelo y automatiza scripts recurrentes de compilación.

7. Extensiones Imprescindibles para Desarrollo Web (HTML, CSS, JS, PHP y SQL) 9. Git y GitHub Integrado en VS Code: Stage, Diff Visual, Ramas y Conflictos

La Consola Sin Salir del Editor: Terminal Integrada

Cambiar constantemente con Alt + Tab entre el editor de código y una ventana externa de símbolo del sistema rompe tu flujo de trabajo. VS Code incluye una Terminal Integrada de alto rendimiento que se abre automáticamente posicionada en la carpeta raíz de tu proyecto actual al presionar Ctrl + ` (o Ctrl + Ñ en teclados en español).

Gestión de Múltiples Terminales y Perfiles de Shell

En un proyecto web moderno es habitual necesitar dos o tres consolas abiertas al mismo tiempo (por ejemplo: una corriendo el servidor PHP local, otra compilando activos con Vite/NPM y otra libre para comandos de Git):

Acción en la Terminal Atajo / Control Caso de Uso Práctico
Abrir / Ocultar Terminal Ctrl + ` o Ctrl + Ñ Mostrar u ocultar rápidamente el panel inferior sin cerrar los procesos activos.
Crear Nueva Terminal Ctrl + Shift + ` (Icono +) Abrir una segunda sesión independiente en la pestaña lateral del panel.
Dividir Terminal (Split) Ctrl + Shift + 5 (Icono de dos paneles) Ver dos consolas lado a lado simultáneamente (ej: logs de errores a la izquierda y comandos a la derecha).
Cambiar Perfil Predeterminado Flecha ⌄ junto al + ➔ Select Default Profile Elegir entre Git Bash, PowerShell, Command Prompt (CMD) o Ubuntu (WSL).
⚡ Enlaces Clicables en Consola: Si un mensaje de error en la terminal menciona un archivo y línea (ej. app/Router.php:42), mantén presionado Ctrl + Clic sobre el texto para saltar directamente a esa línea exacta en el editor.

⚡ Automatización de Tareas del Proyecto con .vscode/tasks.json

Define tareas reutilizables (como levantar el servidor PHP o verificar sintaxis) para ejecutarlas con un solo comando.

.vscode/tasks.json
Solo lectura 
{
  // Ejecuta estas tareas presionando Ctrl+Shift+P -> "Tasks: Run Task"
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Iniciar Servidor PHP Local (Puerto 8000)",
      "type": "shell",
      "command": "php -S localhost:8000 -t public",
      "isBackground": true,
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      },
      "problemMatcher": []
    },
    {
      "label": "Verificar Sintaxis PHP del Archivo Actual",
      "type": "shell",
      "command": "php -l \"${file}\"",
      "group": {
        "kind": "test",
        "isDefault": true
      },
      "presentation": {
        "echo": true,
        "reveal": "always",
        "focus": false,
        "panel": "shared"
      }
    }
  ]
}
🧠
Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lección
1 Pregunta
Pregunta 1
¿Qué ventaja principal ofrece abrir la Terminal Integrada de VS Code (Ctrl+` / Ctrl+Ñ) frente a abrir el CMD o PowerShell desde el menú Inicio de Windows?
🦉
¿Tienes dudas con este tema?
Sócrates AI puede darte analogías y explicarte este código paso a paso.

🚀 ¿Quieres dominar Visual Studio Code & GitHub Copilot Profesional y crear proyectos reales?

Aprende arquitectura limpia, desarrollo web moderno, buenas prácticas y despliegue en producción con nuestro Bootcamp Fullstack Developer con mentorías en vivo.

Conocer el Bootcamp

🏛️ Autoría y Propiedad Intelectual: Obra educativa original de David Amador para Kilopolis Academia (Solucionáticos), estructurada sobre las especificaciones y estándares abiertos del W3C, el estándar vivo de WHATWG y la documentación oficial de código abierto. © Todos los derechos reservados.