VS Code-hulpprogramma's voor Windows ontwikkeling

Met twee VS Code-hulpprogramma's wordt de door AI ondersteunde Windows ontwikkelwerkstroom afgerond: de WinApp-extensie brengt de Windows-app Development CLI in de editor en de Microsoft Learn MCP Server geeft uw AI-agent live toegang tot de huidige Windows-documentatie.

WinApp-extensie voor VS Code

De WinApp-extensie brengt de Windows-app Development CLI in VS Code: initialiseren, uitvoeren, fouten opsporen, verpakken en ondertekenen Windows apps zonder de editor te verlaten.

Note

De extensie is een pre-releaseversie. Functies en opdrachten kunnen veranderen. Feedback indienen.

Install

code --install-extension microsoft-winappcli.winapp

Of zoek WinApp in het deelvenster Extensies (Ctrl+Shift+X). Vereist dat de WinApp CLI eerst wordt geïnstalleerd.

Commando's voor het opdrachtenpalet

Alle opdrachten zijn beschikbaar via Ctrl+Shift+P → WinApp:

Command Wat het doet
WinApp: Project initialiseren Een nieuw project instellen met de Windows SDK en/of Windows App SDK
WinApp: Toepassing uitvoeren Uw app uitvoeren als een pakket met losse indeling en volledige pakketidentiteit
WinApp: MSIX-pakket maken Uw app verpakken in een MSIX-installatieprogramma
WinApp: Foutopsporingsidentiteit maken Sparse-pakketidentiteit toevoegen aan een bestaand uitvoerbaar bestand voor foutopsporing
WinApp: Registratie van pakket ongedaan maken Een zijdelings geladen ontwikkelpakket verwijderen
WinApp: Manifest genereren Genereer een AppxManifest.xml op basis van een sjabloon
WinApp: manifest-uitvoeringsalias toevoegen Een uitvoeringsalias toevoegen aan het app-manifest
WinApp: Manifestassets bijwerken Genereer alle vereiste app-pictogrammen vanuit één bronafbeelding
WinApp: Certificaat genereren Een ondertekeningscertificaat voor ontwikkeling maken
WinApp: Certificaatgegevens Details over een certificaatbestand weergeven
WinApp: Certificaat installeren Een .pfx- of .cer-certificaat installeren (Administrator vereist)
WinApp: Pakket ondertekenen Een MSIX-pakket ondertekenen met een certificaat
WinApp: Pakketten herstellen Projectpakketten en afhankelijkheden herstellen
WinApp: Pakketten bijwerken Pakketten bijwerken naar de nieuwste versies
WinApp: WinApp-pad ophalen Het pad naar het geïnstalleerde Uitvoerbare WinApp CLI-bestand weergeven
WinApp: Sdk-hulpprogramma uitvoeren Windows SDK-hulpprogramma's rechtstreeks uitvoeren

Werkstroom

  1. dotnet new winui-navview -n MyApp — project van de steiger
  2. cd MyApp && dotnet run — bouwen en controleren of het wordt uitgevoerd
  3. code . — openen in VS Code
  4. Ctrl+Shift+P → WinApp: Toepassing uitvoeren — uitvoeren met pakketidentiteit
  5. XAML- en C#-bestanden bewerken met AI-hulp
  6. Ctrl+Shift+P → WinApp: MSIX-pakket maken - pakket voor distributie
  7. winapp store publish ./*.msix --appId <your-app-id> — publiceren in de Store

Microsoft Learn MCP Server

AI-modellen worden getraind op een momentopname van het web. Voor Windows ontwikkeling betekent dit dat uw agent mogelijk heeft geleerd uit WPF- en UWP-voorbeelden die zijn geschreven jaren voordat WinUI 3 bestond en het verschil niet kan zien. De Microsoft Learn MCP Server lost dit op door uw agent een hulpprogramma te geven dat kan worden aangeroepen voor het ophalen van currente, gezaghebbende documentatie op het moment dat deze nodig is.

Wat is MCP?

Het Model Context Protocol (MCP) is een open standaard waarmee AI-agents externe hulpprogramma's en gegevensbronnen kunnen aanroepen tijdens een gesprek. In plaats van volledig te vertrouwen op trainingsgegevens, kan een met MCP verbonden agent live-inhoud zoeken en lezen, inclusief Microsoft Learn, voordat een antwoord wordt gegenereerd.

De Microsoft Learn MCP-server toevoegen

De server wordt gehost door Microsoft en vereist geen installatie of aanmelding.

VS Code (GitHub Copilot)

Voeg het volgende toe aan .vscode/mcp.json in uw project:

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

VS Code vraagt u om de server in te schakelen wanneer u voor het eerst een Copilot chatsessie opent.

Claude Code

Voeg de server toe aan de configuratie van Claude Code (~/.claude/mcp_servers.json):

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

Andere MCP-clients

Elke client die ondersteuning biedt voor het MCP HTTP-transport, kan verbinding maken met behulp van:

https://learn.microsoft.com/api/mcp

Er is geen API-sleutel of verificatie vereist.

Wat de server kan doen

Zodra de verbinding is gemaakt, kan uw agent pagina's zoeken en ophalen uit Microsoft Learn. Voor Windows ontwikkeling betekent dit dat het kan zoeken naar:

  • Huidige WinUI 3-beheer-API's en gebruikspatronen
  • Windows App SDK releaseopmerkingen en migratiehandleidingen
  • winapp Referentie voor CLI-opdrachten
  • Vereisten voor indiening in de Store en certificeringscriteria

Voorbeeld

Zonder de MCP-server kan het vragen aan Copilot om een bestandkiezer toe te voegen code opleveren die gebruikmaakt van het verouderde UWP-FileOpenPicker-patroon:

// ❌ UWP pattern — may be generated without MCP context
var picker = new FileOpenPicker();
picker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;

Wanneer de MCP-server is verbonden, haalt de agent de huidige WinUI 3-richtlijnen op en genereert het juiste patroon:

// ✅ WinUI 3 pattern — retrieved from current docs
var picker = new FileOpenPicker();
var hwnd = WinRT.Interop.WindowNative.GetWindowHandle(this);
WinRT.Interop.InitializeWithWindow.Initialize(picker, hwnd);
picker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;
var file = await picker.PickSingleFileAsync();

Tip

Voor uitgebreidere WinUI-specifieke richtlijnen combineert u de MCP-server met de WinUI-agentinvoegtoepassing. De invoegtoepassing verwerkt coderingspatronen; de MCP-server verwerkt het ophalen van documentatie.

Verwante inhoud

  • Last updated on