Extensión de GitHub Copilot Chat con servidores de Protocolo de contexto de modelo (MCP)

Requisitos previos

•         **Acceso a Copilot**. Consulta [AUTOTITLE](/copilot/about-github-copilot/what-is-github-copilot#getting-access-to-copilot).
  

•         **
          Visual Studio Code versión 1.99 o posterior**. Para obtener información sobre cómo instalar Visual Studio Code, consulte la [Visual Studio Code página de descarga](https://code.visualstudio.com/Download?ref_product=copilot&ref_type=engagement&ref_style=text).
  

• Si eres miembro de una organización o empresa con un plan de Copilot Business o Copilot Enterprise, la directiva "MCP servers in Copilot" debe estar habilitada para usar MCP con Copilot.

Configuración de servidores MCP en Visual Studio Code

Los servidores MCP se pueden configurar manualmente en un archivo de configuración o a través del GitHub Registro de MCP. El GitHub Registro de MCP proporciona una lista seleccionada de servidores MCP que puede agregar fácilmente a la Visual Studio Code instancia.

Uso del GitHub Registro MCP

Solo se pueden agregar servidores MCP enumerados en el GitHub Registro de MCP a través del registro. Otros servidores se pueden configurar manualmente. Consulta Configurar los servidores MCP manualmente.

1. En Visual Studio Code, abra el panel de extensiones haciendo clic en el icono de extensiones de la barra lateral o presionando Ctrl+Mayús+X (Windows/Linux) / Command+Mayús+X (Mac).
2. En la barra de búsqueda de extensiones, escriba @mcp seguido del nombre del servidor MCP que desea agregar. Se abre la galería de servidores MCP y se muestran los resultados coincidentes.
3. Seleccione el servidor MCP en los resultados de la búsqueda. En la página de detalles del servidor MCP, haga clic en Instalar.
4. Cuando se le solicite, confirme que confía en el servidor para iniciarlo. VS Code detecta las herramientas del servidor y las pone a disposición del chat.
5. Para comprobar que el servidor MCP está configurado correctamente, abra la paleta de comandos presionando Ctrl+Mayús+P (Windows/Linux) / Mayús++P (Mac).
6. Escriba y seleccione MCP: Enumerar servidores. Debería ver que el servidor MCP aparece como un servidor configurado.

Configuración manual de servidores MCP

Para configurar servidores MCP en Visual Studio Code, debe configurar un script de configuración que especifique los detalles de los servidores MCP que desea usar. Puedes configurar servidores MCP para lo siguiente:

• Un repositorio específico. Esto te permitirá compartir los servidores MCP con cualquiera que abra el proyecto en Visual Studio Code. Para ello, crea un archivo .vscode/mcp.json en la raíz del repositorio.

• Tu instancia personal de Visual Studio Code. Serás la única persona que tenga acceso a los servidores MCP configurados. Para ello, agrega la configuración al archivo settings.json en Visual Studio Code. Los servidores MCP configurados de esta manera estarán disponibles en todas las áreas de trabajo.

  Nota:

  We recommend you use only one location per server. Adding the same server to both locations may cause conflicts and unexpected behavior.

En los pasos siguientes se muestra cómo configurar el servidor MCP Fetch en el archivo .vscode/mcp.json. El servidor MCP Fetch es un servidor MCP simple que proporciona funcionalidades de captura de contenido web. Para obtener más información sobre el servidor de FETCH MCP, vea the Fetch directory en el repositorio del servidor MCP.

Puede usar los mismos pasos para configurar servidores MCP en la configuración personal Visual Studio Code . Los detalles sobre cómo configurar otros servidores MCP están disponibles en el repositorio de servidores de MCP.

Para obtener información sobre cómo configurar el GitHub servidor MCP, consulte Uso del servidor MCP de GitHub.

1. Agrega la configuración siguiente al archivo .vscode/mcp.json:

   JSON

   {
   "inputs": [
     // The "inputs" section defines the inputs required for the MCP server configuration.
     {
       "type": "promptString"
     }
   ],
   "servers": {
     // The "servers" section defines the MCP servers you want to use.
     "fetch": {
       "command": "uvx",
       "args": ["mcp-server-fetch"]
     }
    }
   }
   

2. Guarda el archivo .vscode/mcp.json.

3. Aparecerá un botón "Start" en el archivo .vscode/mcp.json, en la parte superior de la lista de servidores. Haz clic en el botón "Start" para iniciar los servidores MCP. Esto desencadenará el cuadro de diálogo de entrada y detectará las herramientas del servidor, que se almacenarán para sesiones posteriores.

   

4. Abra chat de Copilot haciendo clic en el icono de la barra de título de Visual Studio Code.

5. En el chat de Copilot cuadro, seleccione Agente en el menú emergente.

   

6. Para ver la lista de servidores MCP disponibles, haz clic en el icono de herramientas de la esquina superior izquierda del cuadro de chat. Se abrirá la lista de servidores MCP, donde podrá ver todos los servidores MCP y las herramientas asociadas que están disponibles actualmente en su Visual Studio Code instancia.

   • Opcionalmente, puedes definir conjuntos de herramientas, grupos de herramientas relacionados a los que puedes hacer referencia en el chat. Los conjuntos de herramientas facilitan la agrupación de las herramientas de MCP relacionadas y las habilitan o deshabilitan rápidamente. Para obtener información sobre cómo definir y usar un conjunto de herramientas, consulte la VS Code documentación.

Para obtener más información sobre cómo configurar servidores MCP en Visual Studio Code, vea Uso de servidores MCP en Visual Studio Code en la documentación de Visual Studio Code.

Uso de servidores MCP en chat de Copilot

Una vez configurados los servidores MCP, puede usarlos en chat de Copilot para acceder a una amplia gama de herramientas y servicios. En el ejemplo siguiente, se usará el servidor MCP Fetch para capturar detalles sobre una página web.

1. Para abrir chat de Copilot haz clic en el icono de la barra de título de Visual Studio Code.

2. En el chat de Copilot cuadro, seleccione Agente en el menú desplegable del agente.

3. En el archivo con la configuración de MCP, comprueba que el servidor MCP está en ejecución. Si no está en ejecución, haz clic en el botón "Iniciar" para iniciar el servidor MCP.

   

4. Pida chat de Copilot que capture los detalles de una dirección URL. Por ejemplo:

   Fetch https://github.com/github/docs.

5. Si Copilot le pide que confirme que desea continuar, haga clic en Continuar.

6.        Copilot capturará los detalles de la dirección URL y los mostrará en el cuadro de chat.
   

Opcionalmente, puede usar mensajes y recursos de MCP en VS Code.

• Los servidores MCP pueden definir solicitudes preconfiguradas para interactuar con sus herramientas. Puede acceder a estas solicitudes en el chat con comandos de barra diagonal mediante el formato /mcp.servername.promptname.
• Los servidores MCP proporcionan recursos, que son cualquier tipo de datos que el servidor quiere poner a disposición. Por ejemplo, el GitHub servidor MCP proporciona contenido del repositorio como un recurso. Para agregar recursos desde un servidor MCP al contexto de chat, haz clic en Agregar contexto... en el cuadro de chat y, a continuación, haz clic en Recursos de MCP.

Para obtener más información sobre el uso de servidores MCP en Visual Studio Code, consulte Uso de servidores MCP en Visual Studio Code en Visual Studio Code la documentación.

Uso de configuraciones de MCP existentes

Si ya tiene una configuración de MCP en Claude Desktop, puede usar esa configuración en Visual Studio Code para acceder a los mismos servidores MCP. Para ello, agregue la siguiente configuración a su archivo settings.json en Visual Studio Code.

"chat.mcp.discovery.enabled": true

"chat.mcp.discovery.enabled": true

          Visual Studio Code buscará automáticamente la configuración existente y la usará en su Visual Studio Code instancia.