GitHub Copilot instellen voor Windows ontwikkeling

Deze handleiding begeleidt u bij het instellen van GitHub Copilot met de hulpprogramma's die het echt nuttig maken voor Windows ontwikkeling: de WinUI-agentinvoegtoepassing die Copilot nauwkeurige Windows App SDK context biedt, en de Microsoft Learn MCP Server die

Aanbeveling

Een nieuwe app bouwen met VS Code en de winapp CLI? De snelstartgids is een sneller pad. Deze bevat dezelfde hulpprogramma's in één end-to-end-stroom. Kom hier terug als u GitHub Copilot configureert voor een bestaande Visual Studio werkstroom.

Opmerking

U kunt WinUI 3-apps bouwen met behulp van Visual Studio of VS Code met de winapp CLI, afhankelijk van waar u het meest vertrouwd mee bent. Onderstaande stappen worden gemarkeerd als waar de ervaring verschilt.

Vereiste voorwaarden

• Een GitHub Copilot-abonnement (er is een gratis laag beschikbaar)
• Visual Studio Code of Visual Studio 2026
• Node.js 18 of hoger (vereist voor de installatieopdracht van de Copilot-invoegtoepassing)

---

Stap 1: GitHub Copilot installeren in uw IDE

Visual Studio (WinUI 3)

GitHub Copilot is ingebouwd in Visual Studio 2026. Op dit tabblad wordt de installatie voor Visual Studio beschreven.

1. Open Visual Studio en ga naar Extensions>Manage Extensions.
2. Zoek GitHub Copilot en installeer deze of controleer of deze al is geïnstalleerd.
3. Meld u aan via Tools>Options>GitHub>Accounts.

Zie Tutorial: Een Windows-app bouwen met GitHub Copilot voor gedetailleerde installatie.

VS-code (Electron, Flutter, .NET, Rust)

1. Open VS Code en ga naar de weergave Extensies (Ctrl+Shift+X).
2. Zoek GitHub Copilot en installeer de extensie.
3. Meld u aan met uw GitHub-account wanneer u hierom wordt gevraagd.
4. Als u de agentmodus wilt inschakelen (vereist voor taken met meerdere stappen), opent u Instellingen (Ctrl+,), zoekt chat.agent.enableden schakelt u deze in.

Zie GitHub Copilot in VS Code voor gedetailleerde instellingen.

Stap 2: De WinUI-agentinvoegtoepassing installeren

De WinUI-agentinvoegtoepassing uit de Awesome Copilot communityopslagplaats leert Copilot de juiste Windows App SDK patronen, waardoor veelvoorkomende fouten zoals het gebruik van afgeschafte UWP-API's worden voorkomen.

gh copilot plugin install winui@awesome-copilot

Hiermee kopieert u agents, vaardigheden en aangepaste instructies naar de map van .github/ uw project. Copilot haalt ze automatisch op wanneer u het project de volgende keer opent. Voer na de installatie copilot plugin list uit en controleer of winui3-development@awesome-copilot wordt weergegeven in de lijst met geïnstalleerde plug-ins.

Aanbeveling

U kunt ook rechtstreeks vanuit VS Code door Copilot invoegtoepassingen bladeren en installeren met behulp van de extensie Awesome Copilot.

---

Stap 3: De Microsoft Learn MCP-server toevoegen

De Microsoft Learn MCP Server biedt Copilot live toegang tot officiële Microsoft-documentatie, zodat de huidige API-verwijzingen en codevoorbeelden kunnen worden opgezocht terwijl u codeert.

VS-code (Electron, Flutter, .NET, Rust)

Voeg het volgende toe aan uw VS Code settings.json (open met Ctrl+Shift+P>Open User Settings (JSON)):

{
  "mcp": {
    "servers": {
      "microsoft-learn": {
        "type": "http",
        "url": "https://learn.microsoft.com/api/mcp"
      }
    }
  }
}

Of als u het per project wilt toevoegen, maakt u .vscode/mcp.json in de root van uw project aan.

{
  "servers": {
    "microsoft-learn": {
      "type": "http",
      "url": "https://learn.microsoft.com/api/mcp"
    }
  }
}

Visual Studio

1. Ga naar Tools>Options>GitHub>Copilot>MCP-servers.
2. Voeg een nieuwe server toe met de URL: https://learn.microsoft.com/api/mcp

Stap 4: Uw installatie controleren

Open Copilot Chat en probeer deze aanwijzingen om te bevestigen dat alles werkt:

Test de WinUI 3-invoegtoepassing:

"Voeg een bevestigingsdialoogvenster toe aan mijn WinUI 3-app die vraagt voordat u een item verwijdert."

Copilot moet reageren met een ContentDialog-implementatie, inclusief de vereiste XamlRoot setup- de Windows App SDK context van de invoegtoepassing leidt deze naar de juiste moderne API zonder dat u hoeft op te geven wat u moet vermijden.

Test de Learn MCP-server:

"Bekijk de meest recente opmerkingen bij de release van Windows App SDK en vertel me wat er nieuw is."

Copilot moet de huidige releaseopmerkingen ophalen uit Microsoft Learn en deze samenvatten.

---

Optioneel: meer Windows MCP-servers toevoegen

Breid de context van Copilot verder uit met aanvullende Windows-specifieke MCP-servers:

MCP-server	Wat Copilot biedt	URL/configuratie
Azure DevOps	Toegang tot werkitems, pull-aanvragen en builds	Azure DevOps MCP-server

---

Volgende stappen 

Tutorial: Een Windows-app bouwen met GitHub Copilot

• Modernize ofwel port een Windows-app met Copilot
• Overzicht van agentische hulpprogramma's - volledige details over alle hulpprogramma's