ChatGPT i Extensions per Visual Studio Code
Què és ChatGPT?
ChatGPT és un model de llenguatge avançat desenvolupat per OpenAI que pot ajudar-te a escriure codi, debugar errors, aprendre nous conceptes i molt més. És com tenir un expert en programació disponible 24/7.
✨ Què Pot Fer ChatGPT per Programadors
Generar Codi
Crea funcions, classes i scripts complets
Debugar
Identifica i soluciona errors al codi
Explicar
Entén codi complex amb explicacions clares
Refactoritzar
Millora i optimitza el teu codi
🔌 Extensions Recomanades per Visual Studio Code
ChatGPT - Genie AI
Recomanada Gratuïta
Integra ChatGPT directament a VS Code. Pots fer preguntes, generar codi i obtenir explicacions sense sortir de l'editor.
Funcions destacades:
- Genera codi des de prompts en llenguatge natural
- Explica el codi seleccionat
- Troba i soluciona bugs
- Optimitza el rendiment del codi
- Genera tests unitaris automàticament
ID: genieai.chatgpt-vscode
CodeGPT
Popular Gratuïta
Extension versàtil que suporta múltiples models d'IA (ChatGPT, Claude, etc.) per maximitzar la productivitat.
Funcions destacades:
- Suport per diversos models d'IA (GPT-4, Claude, etc.)
- Chat en context amb els teus fitxers
- Autocompletat intel·ligent
- Generació de documentació
- Refactorització automàtica
ID: DanielSanMedium.dscodegpt
Continue - AI Assistant
Nova Open Source
Assistant d'IA de codi obert amb suport per models locals i remots. Perfecte per qui valora la privacitat.
Funcions destacades:
- Codi 100% obert i personalitzable
- Models locals (Llama, Mistral) o remots (GPT, Claude)
- Xat en context amb la teva codebase
- Edició de codi en temps real
- Sense límits d'ús amb models locals
ID: Continue.continue
Tabnine AI
Privadesa Freemium
Assistant d'IA centrat en la privadesa amb autocompletat intel·ligent i models entrenats amb el teu codi.
Funcions destacades:
- Autocompletat de línies completes
- Aprèn del teu estil de codi
- Funciona offline amb models locals
- Respecta la privacitat del codi
- Suport per més de 30 llenguatges
ID: TabNine.tabnine-vscode
🚀 Com Utilitzar ChatGPT Efectivament
Estructura d'un Bon Prompt
✅ Exemple BO:
Prompt:
"Actua com un expert en Laravel. Necessito crear una funció en PHP que
validi formularis de registre amb les següents regles: email únic,
contrasenya mínima de 8 caràcters amb majúscules i números.
Retorna el codi amb gestió d'errors i comentaris explicatius."
❌ Exemple DOLENT:
Prompt:
"Fes-me una funció de validació"
⚠️ Massa genèric, falta context i detalls específics
Elements Clau d'un Bon Prompt:
- Rol: "Actua com un expert en..."
- Context: Explica què estàs fent i per què
- Tasca específica: Sigues clar sobre el que necessites
- Format: Com vols la resposta (codi, explicació, pas a pas...)
- Restriccions: Límits, tecnologies específiques, etc.
Exemples per Aquest Projecte Laravel
"Crea una migration de Laravel per afegir els camps 'telefon' (string 15 caràcters)
i 'data_naixement' (date nullable) a la taula wp_contabilidad_clientes.
Inclou també el mètode down per revertir els canvis."
"Aquesta query Laravel té el problema N+1. Optimitza-la utilitzant eager loading:
[enganxa aquí el teu codi]. Explica els canvis que fas i per què milloren el rendiment."
"Crea un Filament Resource per al model Empleat amb aquests camps en el formulari:
nom (TextInput), cognoms (TextInput), email (unique), sou (Money).
A la taula mostra nom complet, email i sou. Afegeix un filtre per sou (mínim/màxim)."
"Tinc aquest error en Laravel: [enganxa l'error]. Aquest és el codi relacionat:
[enganxa el codi]. Explica'm per què passa i dona'm la solució amb el codi corregit."
💎 Bones Pràctiques
- Sigues específic i detallat
- Proporciona context del projecte
- Demana explicacions amb el codi
- Itera i refina les respostes
- Verifica sempre el codi generat
- Demana alternatives quan calgui
- Inclou versions de llibreries
- Prompts massa genèrics
- Copiar codi sense entendre'l
- No revisar seguretat del codi
- Assumir que tot és correcte
- No testejar el codi generat
- Enviar dades sensibles
- Dependre 100% de la IA
⚖️ ChatGPT vs GitHub Copilot
| Característica | ChatGPT | GitHub Copilot |
|---|---|---|
| Tipus | Xat conversacional | Autocompletat en línia |
| Integració VS Code | Extensions de tercers | Nativa i oficial |
| Millor per | Explicacions, debugging, aprendre | Escriure codi ràpid, autocompletat |
| Context | Conversa completa | Fitxer actual + fitxers oberts |
| Cost | Gratuït/Plus ($20/mes) | $10/mes (Individual) |
| Interacció | Fas preguntes explícites | Suggeriments automàtics |