README.md

Hablemos más sobre cómo usamos la interfaz visual en las siguientes secciones.

Enfoque

Así es como debemos abordar esto a alto nivel:

• Configurar un archivo para encontrar nuestro MCP Server.
• Iniciar/Conectarse a dicho servidor para que liste sus capacidades.
• Usar esas capacidades a través de la interfaz de GitHub Copilot Chat.

Genial, ahora que entendemos el flujo, intentemos usar un MCP Server a través de Visual Studio Code mediante un ejercicio.

Ejercicio: Consumir un servidor

En este ejercicio, configuraremos Visual Studio Code para encontrar tu MCP server y que pueda ser usado desde la interfaz de GitHub Copilot Chat.

-0- Paso previo, habilitar el descubrimiento de MCP Server

Puede que necesites habilitar el descubrimiento de MCP Servers.

1. Ve a File -> Preferences -> Settings in Visual Studio Code.

2. Search for "MCP" and enable chat.mcp.discovery.enabled en el archivo settings.json.

-1- Crear archivo de configuración

Comienza creando un archivo de configuración en la raíz de tu proyecto; necesitarás un archivo llamado MCP.json y colocarlo en una carpeta llamada .vscode. Debería verse así:

.vscode
|-- mcp.json

A continuación, veamos cómo podemos agregar una entrada de servidor.

-2- Configurar un servidor

Agrega el siguiente contenido a mcp.json:

{
    "inputs": [],
    "servers": {
       "hello-mcp": {
           "command": "node",
           "args": [
               "build/index.js"
           ]
       }
    }
}

Aquí tienes un ejemplo sencillo de cómo iniciar un servidor escrito en Node.js; para otros entornos de ejecución, especifica el comando adecuado para iniciar el servidor usando command and args.

-3- Iniciar el servidor

Ahora que has agregado una entrada, vamos a iniciar el servidor:

1. Ubica tu entrada en mcp.json y asegúrate de encontrar el ícono de "play":

1. Haz clic en el ícono de "play", deberías ver que el ícono de herramientas en GitHub Copilot Chat aumenta el número de herramientas disponibles. Si haces clic en dicho ícono de herramientas, verás una lista de herramientas registradas. Puedes marcar o desmarcar cada herramienta dependiendo de si quieres que GitHub Copilot las use como contexto:

1. Para ejecutar una herramienta, escribe un prompt que sepas que coincidirá con la descripción de una de tus herramientas, por ejemplo un prompt como "add 22 to 1":

Deberías ver una respuesta que diga 23.

Tarea

Intenta agregar una entrada de servidor a tu archivo mcp.json y asegúrate de poder iniciar/detener el servidor. También asegúrate de poder comunicarte con las herramientas en tu servidor a través de la interfaz de GitHub Copilot Chat.

Solución

Solución

Puntos clave

Los puntos clave de este capítulo son los siguientes:

• Visual Studio Code es un excelente cliente que te permite consumir varios MCP Servers y sus herramientas.
• La interfaz de GitHub Copilot Chat es cómo interactúas con los servidores.
• Puedes solicitar al usuario entradas como claves API que se pueden pasar al MCP Server al configurar la entrada del servidor en el archivo mcp.json.

Ejemplos

• Calculadora Java
• Calculadora .Net
• Calculadora JavaScript
• Calculadora TypeScript
• Calculadora Python

Recursos adicionales

• Documentación de Visual Studio

Qué sigue

• Siguiente: Creando un servidor SSE

Aviso Legal:
Este documento ha sido traducido utilizando el servicio de traducción automática Co-op Translator. Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de ningún malentendido o interpretación errónea derivada del uso de esta traducción.