Mira la lección en vídeo
Accede al vídeo completo de esta lección y a más contenido exclusivo con el Plan Plus.
Desbloquear Plan PlusGitHub Copilot Chat
GitHub Copilot Chat transforma la experiencia de programación al permitir conversaciones naturales con la inteligencia artificial directamente en tu entorno de desarrollo. A diferencia de las sugerencias automáticas que ya conoces, Chat te permite hacer preguntas específicas, solicitar explicaciones detalladas y obtener ayuda contextualizada sobre tu código.
Esta funcionalidad convierte a Copilot en un asistente conversacional que comprende tanto tu código como tus intenciones, proporcionando respuestas adaptadas al contexto específico de tu proyecto.
Acceso a Chat View
Para abrir la vista principal de Chat, utiliza el atajo Ctrl+Alt+I o accede desde el menú de Copilot en la barra lateral. Esta vista se presenta como un panel dedicado donde puedes mantener conversaciones continuas con Copilot.
Copilot Chat View
├── Campo de entrada de texto
├── Historial de conversación
├── Botones de acción rápida
└── Selector de modelo
La interfaz de chat mantiene el contexto de toda la conversación, permitiendo hacer preguntas de seguimiento y refinar las respuestas anteriores sin perder el hilo de la discusión.
Modos de Chat
Copilot Chat opera en dos modos principales que determinan cómo interactúa con tu código:
Modo Ask: Diseñado para realizar consultas y obtener información. En este modo, Copilot responde preguntas sobre código, explica conceptos y proporciona sugerencias sin modificar directamente tus archivos.
// Ejemplo de pregunta en modo Ask:
// "¿Cómo puedo optimizar esta función para mejor rendimiento?"
function buscarUsuario(usuarios, id) {
for (let i = 0; i < usuarios.length; i++) {
if (usuarios[i].id === id) {
return usuarios[i];
}
}
return null;
}
Modo Edit: Enfocado en realizar modificaciones directas al código. Cuando solicitas cambios específicos, Copilot puede generar código nuevo o modificar el existente, presentando las opciones de aplicar o descartar los cambios.
Variables de Contexto
Las variables de contexto son elementos clave que permiten a Copilot comprender mejor tu situación específica. Estas variables se indican con el símbolo #
seguido del nombre de la variable:
#file: Referencia un archivo específico del proyecto, permitiendo que Copilot acceda a su contenido completo para proporcionar respuestas más precisas.
Ejemplo de uso:
"Explica la función principal en #file:utils.js"
#selection: Hace referencia al código actualmente seleccionado en el editor, ideal para obtener ayuda sobre fragmentos específicos.
# Si tienes seleccionado este código:
def calcular_promedio(numeros):
return sum(numeros) / len(numeros)
# Puedes preguntar:
# "¿Qué problemas puede tener #selection con listas vacías?"
#workspace: Proporciona contexto sobre todo el espacio de trabajo, incluyendo la estructura del proyecto y archivos relacionados.
Comandos Slash Básicos
Los comandos slash son atajos que activan funcionalidades específicas de Copilot Chat, comenzando siempre con el carácter /
:
/explain: Solicita explicaciones detalladas sobre código seleccionado o conceptos específicos.
// Selecciona este código y usa /explain
public class Singleton {
private static Singleton instance;
private Singleton() {}
public static Singleton getInstance() {
if (instance == null) {
instance = new Singleton();
}
return instance;
}
}
/fix: Identifica y corrige problemas en el código seleccionado, desde errores de sintaxis hasta problemas lógicos.
# Código con problema
def dividir(a, b):
return a / b # Problema: división por cero
# Usar /fix para obtener una versión corregida
/tests: Genera casos de prueba para el código seleccionado, creando tests unitarios apropiados para el lenguaje y framework utilizado.
Inline Chat en el Editor
Guarda tu progreso
Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.
Más de 25.000 desarrolladores ya confían en CertiDevs
El Inline Chat se activa con Ctrl+I directamente en el editor, permitiendo hacer preguntas contextuales sin abandonar tu flujo de trabajo. Esta funcionalidad aparece como una ventana flotante en la posición del cursor.
// Posiciona el cursor aquí y presiona Ctrl+I
interface Usuario {
id: number;
nombre: string;
// Pregunta inline: "Añade campos para email y fecha de registro"
}
El chat inline es especialmente útil para modificaciones rápidas y consultas sobre el código inmediatamente visible, manteniendo el contexto visual del archivo actual.
Selección de Modelos
Copilot Chat permite seleccionar entre diferentes modelos de IA según tus necesidades específicas. El selector de modelo aparece en la parte superior del panel de chat.
Los modelos disponibles incluyen opciones optimizadas para diferentes tareas:
- Modelo estándar: Equilibrio entre velocidad y calidad para uso general
- Modelo avanzado: Mayor capacidad de razonamiento para problemas complejos
- Modelo rápido: Respuestas más veloces para consultas simples
La selección del modelo apropiado depende de la complejidad de tu consulta y la velocidad de respuesta deseada.
Ejemplos de Prompts Efectivos
Un prompt efectivo combina contexto específico con instrucciones claras. Aquí algunos patrones que producen mejores resultados:
Para explicaciones de código:
"Explica #selection línea por línea, enfocándote en el patrón de diseño utilizado"
Para solicitar mejoras:
"Refactoriza #file:database.py para usar async/await en lugar de callbacks"
Para resolución de problemas:
"Mi aplicación React en #workspace tiene problemas de rendimiento.
¿Qué optimizaciones recomiendas basándote en los componentes actuales?"
Para generación de código:
"Crea una función que valide emails usando #selection como referencia
para el estilo de código del proyecto"
Los prompts más efectivos son específicos, contextualizados y orientados a objetivos claros, aprovechando las variables de contexto para proporcionar a Copilot toda la información necesaria para generar respuestas útiles y precisas.
Aprendizajes de esta lección de VSCode
- Comprender la funcionalidad y ventajas de GitHub Copilot Chat frente a las sugerencias automáticas tradicionales.
- Aprender a acceder y utilizar la vista principal de chat y el chat inline en el editor.
- Diferenciar y aplicar los modos Ask y Edit para consultas y modificaciones de código.
- Utilizar variables de contexto (#file, #selection, #workspace) para mejorar la precisión de las respuestas.
- Emplear comandos slash básicos (/explain, /fix, /tests) para optimizar la interacción con Copilot Chat.
- Seleccionar modelos de IA adecuados según la complejidad y velocidad requerida.
- Diseñar prompts efectivos que aprovechen el contexto y objetivos claros para obtener mejores resultados.
Completa este curso de VSCode y certifícate
Únete a nuestra plataforma de cursos de programación y accede a miles de tutoriales, ejercicios prácticos, proyectos reales y nuestro asistente de IA personalizado para acelerar tu aprendizaje.
Asistente IA
Resuelve dudas al instante
Ejercicios
Practica con proyectos reales
Certificados
Valida tus conocimientos
Más de 25.000 desarrolladores ya se han certificado con CertiDevs