GitHub Copilot a Visual Studio Code
Què és GitHub Copilot?
GitHub Copilot és el teu assistent de programació amb IA que t'ajuda a escriure codi més ràpid i amb més confiança. Funciona directament dins de Visual Studio Code.
✨ Característiques Principals
Autocompletat Intel·ligent
Suggereix línies de codi completes mentre escrius
Xat Integrat
Fes preguntes i obté respostes contextuals
Generació de Codi
Crea funcions completes des de comentaris
🚀 Com Utilitzar GitHub Copilot
Funcions Bàsiques
Autocompletat en línia
Mentre escrius codi, Copilot suggereix la continuació:
// Escriu un comentari
// Funció per calcular el total amb IVA
// Copilot suggerirà automàticament la funció
Tab per acceptar · Esc per rebutjar
Múltiples suggeriments
Veure alternatives al suggeriment actual:
- Alt + ] - Següent suggeriment
- Alt + [ - Suggeriment anterior
- Ctrl + Enter - Veure tots els suggeriments
GitHub Copilot Chat
Obrir el xat
- Ctrl + Shift + I - Obre el panell de xat
- Icona de xat a la barra lateral esquerra
Exemples de preguntes
Explicar codi:
"Explica'm què fa aquesta funció"
Generar codi:
"Crea una funció per validar emails en PHP"
Resoldre errors:
"Com puc solucionar aquest error de SQL?"
Refactoritzar:
"Millora aquesta funció per fer-la més eficient"
Comandes especials
/explain |
Explica el codi seleccionat |
/fix |
Proposa solucions per errors |
/tests |
Genera tests unitaris |
/doc |
Afegeix documentació al codi |
Dreceres de Teclat
| Acció | Windows/Linux | Mac |
|---|---|---|
| Acceptar suggeriment | Tab | Tab |
| Rebutjar suggeriment | Esc | Esc |
| Veure suggeriments alternatius | Ctrl + Enter | Cmd + Enter |
| Següent suggeriment | Alt + ] | Option + ] |
| Suggeriment anterior | Alt + [ | Option + [ |
| Obrir xat | Ctrl + Shift + I | Cmd + Shift + I |
| Xat en línia | Ctrl + I | Cmd + I |
💡 Consells Professionals
// ✅ BO: Funció per calcular el preu amb IVA del 21%// ❌ DOLENT: Calcula preu
📋 Casos d'Ús Comuns en Aquest Projecte
Generar migrations de Laravel
"Crea una migration per afegir el camp 'observacions' a la taula ventas"
Crear recursos de Filament
"Com puc afegir un filtre per dates al meu FilamentResource?"
Optimitzar consultes SQL
"Millora aquesta query per fer-la més eficient amb eager loading"
Generar vistes Blade
"Crea una taula Bootstrap per mostrar els productes amb paginació"