Configuração no VS Code com Copilot

A configuração a seguir pode ser usada em nível de projeto ou em nível de configurações do usuário (em todos os projetos). Para configuração em nível de projeto, crie um .vscode/mcp.json arquivo em seu espaço de trabalho. Para uma configuração em nível de usuário, adicione um servidor MCP ao seu arquivo de configuração de usuário existente.

{
  "inputs": [
    {
      "type": "promptString",
      "id": "axe-api-key",
      "description": "axe MCP Server API Key",
      "password": true
    }
  ],
  "servers": {
    "axe-mcp-server": {
      "command": "docker",
      "args": [
        "run",
        "--add-host=host.docker.internal:host-gateway",
        "-i",
        "--rm",
        "-e",
        "AXE_SERVER_URL",
        "-e",
        "AXE_API_KEY",
        "dequesystems/axe-mcp-server:latest"
      ],
      "env": {
        "AXE_API_KEY": "${input:axe-api-key}"
      }
    }
  }
}

**Nota**: A configuração usa "AXE_API_KEY": "${input:axe-api-key}" para tratamento seguro de entrada. Isso solicitará sua chave de API quando o servidor iniciar pela primeira vez. Para mais informações sobre a configuração do VS Code MCP, consulte a documentação do VS Code MCP.

"env": {
  "AXE_API_KEY": "${input:axe-api-key}",
  "AXE_SERVER_URL": "https://your-axe-instance.example.com"
}

Iniciar o Servidor MCP

1. Abra o VS Code com suas configurações configuradas
2. Localize a entrada "axe-mcp-server" em seu settings.json
3. Clique no botão **Iniciar** que aparece acima da configuração do servidor
4. Quando solicitado, insira sua chave de API do Passo 1

Enviar Comandos para o Copilot

Uma vez que o axe MCP Server esteja em funcionamento, você pode usá-lo através da interface de chat do Copilot no VS Code:

1. Abra o chat do Copilot no VS Code
2. Certifique-se de estar no modo agente para permitir o uso das ferramentas
3. Envie comandos para analisar sites e remediar problemas de acessibilidade