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 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.
/**
* 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ónCuando 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.