Lección 2 de 11

Configuración del Entorno Profesional

Entorno de Desarrollo con IA

Configuración óptima de todas las herramientas profesionales.

1. GitHub Copilot

Instalación

// 1. Suscripción github.com/features/copilot
// Individual $10/mes, Business $19/user
// 2. VS Code: Extensiones
- GitHub Copilot
- GitHub Copilot Chat
// 3. Auth: Ctrl+Shift+P → Sign In

Configuración

{
  "github.copilot.enable": {"*": true},
  "editor.inlineSuggest.enabled": true,
  "editor.quickSuggestions": {
    "comments": true, "strings": true
  }
}

Atajos

  • Tab - Aceptar
  • Alt+] - Siguiente
  • Ctrl+Enter - Panel sugerencias
  • Ctrl+I - Chat inline

2. Cursor IDE

// Descargar: cursor.sh
// macOS
brew install --cask cursor
// Config
{
  "cursor.ai.model": "gpt-4-turbo",
  "cursor.ai.indexing": true
}

Features Únicas

Cmd+K: Edición inline

Cmd+L: Chat con proyecto

Composer (Cmd+Shift+I): Multi-archivo

3. Claude Projects

  1. Crear en claude.ai
  2. Subir: package.json, configs
  3. Set instructions del proyecto

Artifacts

Desarrollo interactivo con preview en tiempo real.

4. ChatGPT Custom GPT

Nombre: "Senior React Developer"
Instrucciones:
"React + TypeScript senior
- Strict mode
- Hooks funcionales
- Error boundaries
- Accesibilidad
- Tests RTL"
Capabilities:
✅ Code Interpreter
✅ Web Browsing

Flujo de Trabajo

Copilot: Autocompletado, funciones pequeñas

Cursor: Refactoring, features complejas

Claude: Arquitectura, reviews

ChatGPT: Conceptos, debugging

Verificación

// test.js
// Comentario: función factorial recursiva
// Copilot sugiere código
// Chat: "¿Cómo optimizar?"
// Si funciona → ¡Listo!

Entorno configurado. Siguiente: prompting avanzado.