Paso a paso
🤖 GitHub Copilot
GitHub
📘 Paso a paso 📘 GitHub Copilot↗ GitHub Copilot · Sitio oficialprincipiante 🔄 Vida y negocios

Genera fragmentos de código básicos y reutilizables con GitHub Copilot

Aprende cómo GitHub Copilot puede escribir código inicial por ti — desde formatear fechas hasta llamadas sencillas a APIs — aunque no seas desarrollador a tiempo completo.

Esta guía fue escrita por IA. Pasó controles automáticos de datos y calidad, y nuestro editor comprueba cada día una muestra de las guías publicadas.

Ve primero AI World HQ en GoogleAñádenos como fuente preferida y verás nuestras noticias antes en las Noticias destacadas de Google.Añadir en Google

Al final de esta guía podrás pedirle a GitHub Copilot que redacte pequeños fragmentos de código útiles —como un formateador de fechas o una comprobación sencilla de formularios— y guardarlos en una biblioteca personal para reutilizarlos más adelante. Está escrita para principiantes absolutos, incluidas las personas que no programan a diario, pero que de vez en cuando necesitan un script auxiliar. Una nota sincera desde el principio: Copilot es rápido, pero no puede sustituir las pruebas cuidadosas; lee siempre lo que escribe antes de confiar en ello.

💡 Consejo: toca el número de un paso cuando lo termines — aparece una marca verde y tu navegador recuerda hasta dónde llegaste.

✅ Antes de empezar
  • Una cuenta de GitHub gratuita (regístrate en github.com si todavía no tienes una).
  • Un ordenador con Windows, macOS o Linux.
  • Visual Studio Code instalado — un editor de código gratuito de Microsoft. Si aún no lo tienes, descárgalo desde la web oficial de Microsoft y sigue los pasos del instalador.
  • GitHub Copilot: hay un plan Free con un número limitado de sugerencias al mes y un plan Pro de pago para uso ilimitado (consulta el precio actual en la página de precios de GitHub). Algunas funciones pueden requerir el plan de pago — te lo indicaremos cuando sea importante.
  • Unos 15 minutos para todo el recorrido.
1
Paso 1 de 5

Instala la extensión de GitHub Copilot

Abre Visual Studio Code y mira la barra lateral izquierda — una columna de iconos. Haz clic en el icono que parece cuatro cuadrados pequeños (es la vista de Extensiones). Se abrirá un panel a la izquierda; en el cuadro de búsqueda de arriba, escribe GitHub Copilot. Busca el resultado publicado por GitHub, con el nombre "GitHub Copilot" — hay muchas extensiones con nombres parecidos, así que elige la oficial. Haz clic en el botón azul Install que aparece al lado. Tras unos segundos verás un pequeño icono de Copilot en la barra de estado inferior de VS Code. Si tu barra lateral se ve diferente, abre el menú View en la parte superior y elige Extensions, y luego busca de la misma forma.

💬 Ejemplotérmino de búsqueda — `GitHub Copilot`
✅ Sabrás que funcionó cuando

Sabrás que ha funcionado cuando el icono de Copilot en la barra inferior ya no aparezca en gris.

Siguiente paso ↓
GitHub Copilotbarra lateral …
✏️ Boceto: tu pantalla puede verse un poco distinta
2
Paso 2 de 5

Inicia sesión con tu cuenta de GitHub

Haz clic en el nuevo icono de Copilot en la barra de estado inferior (o busca Accounts en la esquina inferior izquierda de VS Code). Aparecerá una ventana emergente pidiéndote que inicies sesión. Haz clic en Sign in to GitHub — se abrirá tu navegador web por defecto en la página de inicio de sesión de GitHub. Escribe tu usuario y contraseña, y aprueba la conexión cuando GitHub te lo pida. Vuelve a VS Code; verás tu avatar de GitHub aparecer en la esquina inferior izquierda, donde antes estaba el menú Accounts con "Sign in". Si no aparece la ventana emergente, abre la Paleta de comandos pulsando Ctrl+Shift+P en Windows/Linux o Cmd+Shift+P en macOS, escribe Copilot: Sign in y pulsa Enter.

💬 Ejemplocomando — `Copilot: Sign in`
✅ Sabrás que funcionó cuando

Sabrás que ha funcionado cuando tu avatar y nombre de usuario aparezcan en la barra inferior y el icono de Copilot se convierta en un símbolo de color.

Siguiente paso ↓
GitHub CopilotSign in to Git…
✏️ Boceto: tu pantalla puede verse un poco distinta
3
Paso 3 de 5

Crea un archivo nuevo en el lenguaje que quieras

Abre el menú File en la parte superior de VS Code y elige New File (o pulsa Ctrl+N en Windows/Linux, Cmd+N en macOS). Cuando te lo pida, guarda el archivo vacío con un nombre que termine en una extensión de lenguaje — por ejemplo snippet.js para JavaScript, snippet.py para Python o snippet.html para HTML. La extensión ayuda a Copilot a entender qué tipo de código sugerir. En cuanto lo guardes, en la esquina inferior derecha de VS Code aparecerá el nombre del lenguaje (como "JavaScript" o "Python").

💬 Ejemplonombre de archivo — `my-snippets.js` o `my-snippets.py`
🔄 Si se ve distinto

Si no ves esa indicación de lenguaje, haz clic en las palabras de la esquina inferior derecha y elige tu lenguaje manualmente en la lista emergente.

✅ Sabrás que funcionó cuando

Sabrás que ha funcionado cuando el archivo esté guardado en tu ordenador y aparezca la etiqueta del lenguaje en la esquina inferior derecha.

Siguiente paso ↓
GitHub CopilotFile
✏️ Boceto: tu pantalla puede verse un poco distinta
4
Paso 4 de 5

Describe el fragmento que quieres en un comentario

Haz clic dentro del archivo vacío y, en la primera línea, escribe un comentario que describa en lenguaje normal lo que quieres que haga el código. Un comentario es una nota para humanos — el ordenador lo ignora al ejecutar el código. En JavaScript y en la mayoría de lenguajes de estilo C, los comentarios empiezan con //; en Python usa #; en HTML usa <!-- -->. Cuando termines de escribir el comentario, haz una pausa de uno o dos segundos. Copilot mostrará texto de sugerencia en gris justo debajo del comentario — su mejor intento de escribir el código que has descrito. La primera vez que lo uses, la sugerencia puede ser breve o rara; es normal. Si no aparece texto en gris, pulsa Enter para saltar a una nueva línea y vuelve a esperar — a veces Copilot necesita ese pequeño empujón para "despertarse".

💬 Ejemplo(en un archivo JavaScript, escribe exactamente este comentario): `// Función que toma una fecha y la devuelve con el formato DD/MM/YYYY`
✅ Sabrás que funcionó cuando

Sabrás que ha funcionado cuando veas código en gris claro aparecer debajo de tu comentario.

Siguiente paso ↓
GitHub CopilotEnter
✏️ Boceto: tu pantalla puede verse un poco distinta
5
Paso 5 de 5

Acepta, ajusta y guarda el fragmento

Con la sugerencia gris visible, pulsa la tecla Tab — esto acepta la sugerencia y la convierte en código real y en color dentro de tu archivo. Léelo con atención: Copilot es útil pero no perfecto, y a veces inventa el nombre de una función o una sintaxis que no encaja del todo con lo que necesitas. Para rechazar la sugerencia, pulsa Esc o simplemente sigue escribiendo; tu nuevo texto reemplazará el texto gris. Para pedir otra versión, añade otro comentario debajo de la sugerencia explicando qué cambiar y vuelve a esperar. Cuando estés contento con un fragmento, guarda el archivo con Ctrl+S / Cmd+S y guárdalo en una carpeta llamada, por ejemplo, snippets en tu ordenador — esa será tu biblioteca personal de código reutilizable.

💬 Ejemplode comentario de ajuste: `// also handle leap years`
✅ Sabrás que funcionó cuando

Sabrás que ha funcionado cuando tengas un bloque de código en color que funcione en tu archivo y puedas copiarlo en otros proyectos más adelante.

GitHub CopilotTab
✏️ Boceto: tu pantalla puede verse un poco distinta

Errores habituales

  • Tratar cada sugerencia como correcta. Copilot escribe código que parece plausible pero a veces no funciona. Solución: lee línea por línea el código sugerido antes de guardarlo y pruébalo con un ejemplo pequeño antes de usarlo en un proyecto real.
  • Agotar el límite del plan gratuito. En GitHub Copilot Free tienes un pequeño cupo mensual de autocompletados y chats; cuando se acaba, la herramienta deja de sugerir hasta el mes siguiente. Solución: usa las sugerencias con cabeza en tareas reales o pásate al plan Pro de pago si necesitas uso ilimitado.
  • Pedir algo demasiado vago. Escribir un comentario como "haz una web" le da muy poco a Copilot y normalmente produce un sinsentido. Solución: sé específico — describe las entradas, la salida y cualquier restricción (por ejemplo: "una función que reciba una lista de correos y devuelva solo los que terminen en .com").

Pruébalo ahora

Abre VS Code, crea un archivo nuevo llamado today.py y escribe este comentario en la primera línea: # print today's date in the format YYYY-MM-DD. Espera dos segundos y, si aparece una sugerencia en gris, pulsa Tab. Guarda el archivo. Acabas de generar tu primer fragmento reutilizable — y puedes copiarlo en cualquier proyecto de Python que hagas en el futuro.

🎯 Siguiente guíaCómo GitHub Copilot puede escribir pruebas unitarias para tu códigoUna guía paso a paso para principiantes que te muestra cómo pedirle a Copilot que genere fragmentos de prueba, para que puedas cubrir automáticamente nuevas funciones con confianza.

❓ Preguntas rápidas

¿Cuánto tiempo lleva?

Unos 6 minutos — la guía tiene 5 pasos y puedes ir marcándolos a medida que avanzas.

¿Qué herramienta necesito?

Esta guía usa GitHub Copilot — pero el método funciona de forma muy parecida en otros asistentes de IA.

¿Necesito preparar algo?
  • Una cuenta de GitHub gratuita (regístrate en github.com si todavía no tienes una).
  • Un ordenador con Windows, macOS o Linux.
  • Visual Studio Code instalado — un editor de código gratuito de Microsoft. Si aún no lo tienes, descárgalo desde la web oficial de Microsoft y sigue los pasos del instalador.
  • GitHub Copilot: hay un plan Free con un número limitado de sugerencias al mes y un plan Pro de pago para uso ilimitado (consulta el precio actual en la página de precios de GitHub). Algunas funciones pueden requerir el plan de pago — te lo indicaremos cuando sea importante.
  • Unos 15 minutos para todo el recorrido.

Sigue leyendo

¿Te ha resultado útil?

✦ Generada por IA en la redacción automática de AI World HQ, en lenguaje claro. Pasó controles automáticos de datos y calidad, y nuestro editor comprueba cada día una muestra de las guías publicadas. ¿Ves un error? Usa los botones de arriba.

← Volver a las noticias