Code Completions

Code Completions

Las code completions de GitHub Copilot representan la forma más natural e inmediata de interactuar con la inteligencia artificial mientras programas. A diferencia de otros sistemas de autocompletado tradicionales, Copilot analiza el contexto completo de tu código y genera sugerencias inteligentes que van desde completar una línea hasta proponer bloques enteros de código.

Visualización de sugerencias

Cuando Copilot tiene una sugerencia para tu código, aparece como ghost text en color gris claro directamente en el editor. Este texto fantasma se posiciona donde continuarías escribiendo, creando una experiencia visual fluida que no interrumpe tu flujo de trabajo.

function calcularDescuento(precio, porcentaje) {
    // Copilot mostrará en gris: return precio * (1 - porcentaje / 100);
}

El ghost text se actualiza dinámicamente mientras escribes, adaptándose al contexto que vas creando. Si comienzas a escribir algo diferente a lo sugerido, la sugerencia se ajusta o desaparece automáticamente.

Aceptación de sugerencias

Para aceptar una sugerencia completa, simplemente presiona la tecla Tab. Esta acción insertará todo el texto sugerido en tu editor:

<!-- Escribes: <div class="container" -->
<!-- Copilot sugiere: ><h1>Título</h1><p>Contenido</p></div> -->
<!-- Presionas Tab y se completa toda la sugerencia -->
<div class="container"><h1>Título</h1><p>Contenido</p></div>

Si prefieres aceptar la sugerencia palabra por palabra, utiliza Ctrl + → (flecha derecha). Esta técnica es especialmente útil cuando la sugerencia es larga pero solo necesitas una parte:

/* Escribes: .button { */
/* Copilot sugiere: background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; */
/* Usando Ctrl + → puedes aceptar solo: background-color: #007bff; */

Navegación entre múltiples sugerencias

Copilot frecuentemente genera múltiples alternativas para el mismo contexto. Para navegar entre estas opciones, utiliza:

• Alt + ] para ver la siguiente sugerencia
• Alt + [ para ver la sugerencia anterior

def procesar_datos(lista):
    # Sugerencia 1: return [x * 2 for x in lista]
    # Sugerencia 2: return list(map(lambda x: x * 2, lista))
    # Sugerencia 3: resultado = []
    #               for item in lista:
    #                   resultado.append(item * 2)
    #               return resultado

Esta funcionalidad te permite explorar diferentes enfoques para resolver el mismo problema, desde soluciones concisas hasta implementaciones más explícitas.

Rechazo de sugerencias

Para rechazar una sugerencia, tienes dos opciones principales:

• Presiona Esc para descartar explícitamente la sugerencia actual
• Continúa escribiendo tu propio código, lo que automáticamente descarta la sugerencia

function saludar(nombre) {
    // Copilot sugiere: return "Hola, " + nombre;
    // Si escribes "console" la sugerencia desaparece
    console.log(`Hola, ${nombre}`);
}

Sugerencias contextuales mediante comentarios

Los comentarios descriptivos actúan como guías poderosas para obtener sugerencias más precisas. Copilot interpreta estos comentarios como especificaciones de lo que deseas implementar:

// Función que valida si un email tiene formato correcto
function validarEmail(email) {
    // Copilot generará una expresión regular para validación de email
}

// Crear un array con los primeros 10 números pares
const numerosPares = // Copilot sugerirá: Array.from({length: 10}, (_, i) => (i + 1) * 2)

Escribe comentarios específicos antes de implementar funcionalidad compleja. Cuanto más detallado sea el comentario, más precisa será la sugerencia:

# Función que lee un archivo CSV y devuelve un diccionario
# donde las claves son los nombres de las columnas
def leer_csv_como_diccionario(ruta_archivo):
    # Copilot generará código usando csv.DictReader

Soporte para múltiples lenguajes

Copilot ofrece sugerencias inteligentes para una amplia variedad de lenguajes, adaptándose a las convenciones específicas de cada uno:

HTML estructural:

<!-- Formulario de contacto -->
<form class="contact-form">
    <!-- Copilot completará con campos típicos de contacto -->
</form>

CSS con mejores prácticas:

.card {
    /* Copilot sugerirá propiedades modernas como flexbox, grid, etc. */
}

JavaScript funcional:

const usuarios = [
    {nombre: "Ana", edad: 25},
    {nombre: "Carlos", edad: 30}
];

// Filtrar usuarios mayores de edad
const mayoresDeEdad = usuarios.filter(
    // Copilot completará: usuario => usuario.edad >= 18
);

Optimización de sugerencias

Para obtener las mejores sugerencias posibles, sigue estas prácticas:

• Usa nombres descriptivos para variables y funciones
• Escribe comentarios claros sobre la funcionalidad deseada
• Mantén un contexto coherente en tu archivo
• Estructura tu código de forma lógica y consistente

// ❌ Contexto poco claro
function f(x) {
    // Sugerencias genéricas
}

// ✅ Contexto claro
function calcularPrecioConDescuento(precioOriginal, porcentajeDescuento) {
    // Copilot generará cálculos precisos para descuentos
}

Las code completions se integran naturalmente en tu flujo de desarrollo, actuando como un compañero de programación que anticipa tus necesidades y acelera la escritura de código manteniendo la calidad y las mejores prácticas.