Setup in VS Code met Copilot
De volgende configuratie kan zowel op projectniveau als op gebruikersinstellingsniveau (over alle projecten heen) worden gebruikt. Voor configuratie op projectniveau maak je een .vscode/mcp.json bestand aan in je werkruimte. Voor een gebruikersinstellingsniveau-configuratie voeg je een MCP-server toe aan je bestaande gebruikersconfiguratiebestand.
{
"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}"
}
}
}
}Opmerking: De configuratie maakt gebruik van "AXE_API_KEY": "${input:axe-api-key}" voor veilige invoerbehandeling. Dit zal je om je API-sleutel vragen wanneer de server voor de eerste keer start. Voor meer informatie over VS Code MCP-configuratie, zie de VS Code MCP-documentatie.
Gebruik je een regionale, private cloud of lokale axe-instantie? Voeg AXE_SERVER_URL toe aan het env blok met de basis-URL van je instantie:
"env": {
"AXE_API_KEY": "${input:axe-api-key}",
"AXE_SERVER_URL": "https://your-axe-instance.example.com"
}Als dit wordt weggelaten, is de standaardinstelling van de server https://axe.deque.com (Deque's gedeelde Amerikaanse SaaS-instantie). Zie Configuratie-opties voor details.
Voor een volledige lijst van configureerbare opties, raadpleeg het Configuratie-opties gedeelte.
Start de MCP-server
- Open VS Code met je geconfigureerde instellingen
- Vind de
"axe-mcp-server"vermelding in jesettings.json - Klik op de Start knop die boven de serverconfiguratie verschijnt
- Wanneer gevraagd, voer je je API-sleutel in van Stap 1
Prompts indienen bij Copilot
Zodra de axe MCP-server draait, kun je deze gebruiken via de chatinterface van Copilot in VS Code:
- Open Copilot-chat in VS Code
- Zorg ervoor dat je in agentmodus bent om gebruik van hulpmiddelen toe te staan
- Dien prompts in om websites te analyseren en toegankelijkheidsproblemen te verhelpen
