Configuración de servidores MCP en Visual Studio Code con Copilot

Clase 11 de 21Curso de MCP

Resumen

Visual Studio Code (VS Code) es una herramienta poderosa que, junto con Azure Container Apps y GitHub Copilot, permite configurar fácilmente servidores MCP (Machine Communication Protocol). A través de la integración de estas tecnologías, puedes consumir servicios desplegados tanto en la nube como localmente. Vamos a revisar cómo hacerlo paso a paso.

¿Cómo habilitar MCP en Visual Studio Code?

Para comenzar a consumir servidores MCP desde VS Code, es esencial activar la opción adecuada en la configuración (settings). Sigue estos pasos claramente definidos:

  1. En VS Code, accede a File > Preferences > Settings.
  2. Escribe "MCP" en la barra de búsqueda.
  3. Asegúrate de activar la opción chat.MCP.discovery.enabled.

Esta característica permitirá que VS Code detecte y conecte nuevos servidores MCP.

¿Cómo comprobar que MCP está activado correctamente en settings.json?

Es posible verificar y editar esta configuración desde el archivo JSON:

"chat.MCP.discovery.enabled": true

Esta línea debe estar habilitada bajo tu perfil de usuario.

¿Cómo añadir y configurar servidores MCP en VS Code?

Al detectar MCP habilitado, VS Code generará automáticamente una plantilla de configuración. Puedes personalizar esta plantilla cambiando ciertas propiedades:

  • Copia la URL del servidor publicado en Azure Container Apps.
  • Usa una estructura como la siguiente en tu archivo de configuración JSON:
"MCP": {
    "weather SSE": {
        "url": "https://[Tu URL Azure]/SSE",
        "inputs": {
            "apiKey": "[Tu Llave API]"
        }
    }
}

Al completar estos campos correctamente, se habilitará tu servidor MCP dentro de VS Code.

¿Qué hacer si ocurren conflictos o errores en la configuración MCP?

Durante la configuración puedes encontrar errores o conflictos, especialmente con plantillas generadas automáticamente:

  • Revisa que los campos inputs tengan la estructura adecuada.
  • Si un servidor genera conflictos (marcado en rojo en la interfaz), desactívalo temporalmente desde VS Code simplemente eliminándolo o comentándolo del JSON.

Al corregir estos detalles, garantiza un funcionamiento estable de los servidores.

¿Cómo interactuar con los servidores MCP mediante GitHub Copilot?

Una vez configurado, utiliza GitHub Copilot (modo agente) para interactuar con el servidor MCP directamente desde su interfaz chat:

  • Elige "modo agente" en Copilot.
  • Selecciona el servidor MCP específico (por ejemplo, weather SSE).
  • Solicita acciones específicas, como obtener información del clima o realizar cálculos.

Copilot autocompletará consultas y facilitará la interacción automatizando incluso tareas como obtener la latitud y longitud de ubicaciones específicas.

Interactuar con estos servicios a través de GitHub Copilot simplifica considerablemente las tareas rutinarias de desarrollo y administración de servidores.

¿Cuáles operaciones aritméticas has ejecutado con tu servidor MCP desde GitHub Copilot? Comparte tu experiencia en los comentarios, ¡nos interesa conocer tus prácticas favoritas!