Hace unos días les hable de Cursor, un editor de código que es un Fork de Visual Studio Code y que esta potenciado por Inteligencia Artificial. Bueno, gracias a sus comentarios note que este es un editor que muchos les llamo la atencion por sus caracteristicas inteligentes, como el autocompletar codigo, y permitir chatear con una IA o explicar codigo.
Pero algo que tambien les mencione es que todo lo que hace este editor se puede lograr tambien desde el propio Visual Studio Code usando la extensión de Github Copilot
Visual studio code popular github copilot Inteligencia artificial Chat autocompletado inteligente OpenAI Microsoft https://github.com/features/copilot
Visual Studio Code potenciado por IA
COnfiguracion
- [Extension de Github Copilot]
- Githhub Next
Forma de interactuar
- Usando los iconos laterales
- Ctrl + P
Para algunos consejos de Prompts, ver el curso de ChatGPT para Desarrolladores
Consideracioens
Antes de emepezar, si nunca has trabajado con Github Copilot, debes saber que esta extension de Visual Studio Code es pagada, rondando los 10$ mensuales. Aunque tambien tiene una version Trial de
caracteristicas de Github COpilot
- autocompletado
- Completion panel (ctlr + Enter)
Github Copilot Chat
- copiar codigo
- insertar en cursor
- insertar en un nuevo archivo
- ejecutar en terminal
tambien puedes dar un:
- Click derecho y en Gopilot, seleccionar opciones como
o tambien tienes Ctrl + I, el cual abre un prompt donde pudes genera codigo, o ejecutar comandos con un slah unido a:
- doc
- fix
- explain
- tests
Cuando obtienes errores, tambien tines la opcion arregar con Github Copilot. estos errores tipicamente los notas cuando el editor los subraya, lo que es un plus si usas herramietnas como eslint
Creacion de Proyecto de Ejemplo
crea un proyecto en blanco para probar Github Copilot y sus caracteristicas
mkdir restapi-typescript-prisma
cd restapi-typescript-prisma
code .
Podemos empezar consultad el siguiente prompt:
dame los comandos para inicializar un proyecto de nodejs
dame los comandos para inicializar un proyecto de nodejs
add typescript and give me its command to setup tsconfig
what are the tsconfig configurations if i want to put the code in a dist folder
CRea un nuevo archivo
prompt: give me the code to create a server in express with typescript
guarda el codigo en un nuevo archivo
Github Copilot con otras extensiones
- Live Share
- Code Remote
- Github Codespaces
- DevContainers
conclusiones
- El chat no tiene contexto aun, asi que el Chat de editores como cursor van un paso más adelante
- El chat en español tiende a fallar mucho, asi que practicamente solo soporta ingles
- genera mucho codigo baura