Tema 13 · Ghost Text & Ctrl+I

13. Autocompletado en Vivo (Ghost Text), Comentarios Guía e Inline Chat (Ctrl+I)

Domina la aceptación total o parcial por palabras de sugerencias en vivo y refactoriza bloques específicos sin abandonar tu línea de código.

Las 4 Formas de Interactuar con GitHub Copilot

Muchos programadores creen que Copilot es únicamente un autocompletado automático o una ventana de chat. En realidad, GitHub Copilot ofrece 4 modos de operación complementarios dentro de VS Code, cada uno diseñado para una velocidad y escala de tarea diferente.

Diagrama Técnico: Las 4 Modalidades de Trabajo con GitHub Copilot en VS Code

Diagrama 13.1: Las 4 modalidades de GitHub Copilot: Ghost Text, Inline Chat (Ctrl+I), Copilot Chat Sidebar y Copilot Edits (Multi-archivo).

Atajos de Control para Ghost Text e Inline Chat (Ctrl+I)

Cuando aparece el texto gris sugerido (Ghost Text), no estás obligado a aceptarlo todo o nada. Puedes aceptar únicamente las primeras palabras que te sirven:

Atajo de Teclado Acción sobre Copilot Cuándo es Vital Usarlo
Tab Aceptar sugerencia completa Cuando el bloque sugerido en gris es exactamente lo que necesitabas.
Ctrl + → (Flecha Derecha) Aceptar palabra por palabra Cuando el inicio de la línea es correcto pero quieres escribir tú mismo el final de la condición.
Alt + ] / Alt + [ Siguiente / Anterior sugerencia Para explorar otras propuestas alternativas de implementación que Copilot calculó.
Esc Rechazar sugerencia actual Oculta el texto fantasma inmediatamente para seguir escribiendo sin distracciones.
Ctrl + I Abrir Inline Chat en el código Selecciona una función, presiona Ctrl+I y escribe: "Agrega validación de nulos y manejo de errores".

⚡ Desarrollo Guiado por Comentarios (Comment-Driven Development)

Cómo redactar comentarios de especificación técnica precisos encima de una función para que Ghost Text genere el código exacto.

comment-driven-development.js
Solo lectura
/**
 * EJEMPLO DE MAL COMENTARIO (Ambiguo -> genera código pobre):
 * // calcular descuento
 */

/**
 * EJEMPLO DE COMENTARIO PROFESIONAL PARA COPILOT (Específico y con casos borde):
 * Calcula el precio final de una orden aplicando descuentos escalonados e IVA.
 * Reglas:
 * 1. Si subtotal <= 0 o ivaPorcentaje < 0, lanzar TypeError.
 * 2. Si el cupón es "KILO20", aplicar 20% de descuento; si es "KILO10", aplicar 10%.
 * 3. Redondear el resultado final a 2 decimales numéricos.
 *
 * @param {number} subtotal
 * @param {string|null} cupon
 * @param {number} ivaPorcentaje (ej. 19 para 19%)
 * @returns {number}
 */
function calcularTotalOrden(subtotal, cupon = null, ivaPorcentaje = 19) {
  // Al presionar Enter aquí, GitHub Copilot leerá las 3 reglas de arriba
  // y sugerirá automáticamente el bloque completo validado:
  if (typeof subtotal !== "number" || subtotal <= 0 || ivaPorcentaje < 0) {
    throw new TypeError("El subtotal debe ser mayor a cero y el IVA no negativo.");
  }

  let descuento = 0;
  if (cupon === "KILO20") {
    descuento = 0.20;
  } else if (cupon === "KILO10") {
    descuento = 0.10;
  }

  const baseConDescuento = subtotal * (1 - descuento);
  const totalConIva = baseConDescuento * (1 + ivaPorcentaje / 100);

  return Math.round(totalConIva * 100) / 100;
}
🧠
Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lección
1 Pregunta
Pregunta 1
Cuando GitHub Copilot muestra una sugerencia de código en gris (Ghost Text) de una línea larga, pero solo te interesa aceptar las primeras dos palabras y escribir el resto tú mismo, ¿qué atajo debes presionar?
🦉
¿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.

🏛️ 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.