https://thedotnetblog.com/nl/tags/visual-studio-code/Articles, tutorials and insights from the .NET community.Hugonl@thedotnetblog (The .NET Blog)@thedotnetblogWed, 27 May 2026 00:00:00 +0000https://thedotnetblog.com/nl/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/Wed, 27 May 2026 00:00:00 +0000Emiliano Montesdeocahttps://thedotnetblog.com/nl/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/WinUI-projectsjablonen werken nu met dotnet new — lege apps, NavigationView-patronen en meer. VS Code-ondersteuning, geen Visual Studio vereist, met Fluent Design-standaarden ingebakken.<p>WinUI-ontwikkeling vereiste vroeger Visual Studio. Dat verandert: Microsoft heeft open source project- en itemsjablonen voor WinUI gepubliceerd die werken met <code>dotnet new</code>, waardoor Windows-app-ontwikkeling in de standaard CLI-workflow wordt gebracht.</p> <h2 id="aan-de-slag-in-drie-commandos">Aan de slag in drie commando&rsquo;s</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl"><span class="c1"># Sjablonen installeren</span> </span></span><span class="line"><span class="cl">dotnet new install Microsoft.WindowsAppSDK.WinUI.CSharp.Templates </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># Een NavigationView-app aanmaken</span> </span></span><span class="line"><span class="cl">dotnet new winui-navview -n MyApp </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># Uitvoeren</span> </span></span><span class="line"><span class="cl"><span class="nb">cd</span> MyApp </span></span><span class="line"><span class="cl">dotnet run </span></span></code></pre></div><p>Geen Visual Studio, geen handmatige projectinstellingen. De app wordt uitgevoerd met <code>dotnet run</code>.</p> <h2 id="wat-is-inbegrepen">Wat is inbegrepen</h2> <p><strong>Leeg sjabloon</strong> (<code>dotnet new winui</code>) — een modern startpunt met een al verbonden Fluent-titelbalk, bijgewerkt standaard app-pictogram met <code>.ico</code>-asset, en correcte standaardwaarden voor licht/donker modus. Beter dan het oude lege sjabloon waarbij je de basisinstellingen zelf moest configureren.</p> <p><strong>NavigationView-sjabloon</strong> (<code>dotnet new winui-navview</code>) — het master-detail navigatiepatroon, volledig verbonden met een NavigationView, moderne titelbalk en meerpagina navigatiestructuur. Volgt het standaard Windows app-silhouet voor navigatiegebaseerde apps. Als je iets bouwt met zijnavigatie, begin hier.</p> <p>Beide sjablonen volgen de <a href="https://learn.microsoft.com/windows/apps/design/basics/app-silhouette">Windows app-silhouetten</a> — moderne Fluent Design-patronen voor lay-out, navigatie en visuele structuur — direct uit de doos.</p> <h2 id="waarom-het-belangrijk-is-voor-ontwikkelaars-buiten-visual-studio">Waarom het belangrijk is voor ontwikkelaars buiten Visual Studio</h2> <p>WinUI-ontwikkelaars die VS Code, Rider of commandoregeltools gebruiken zijn slecht bediend. De bestaande Visual Studio-sjablonen waren niet bruikbaar buiten VS — je moest de projectstructuur handmatig nabootsen en de basisinstellingen zelf verbinden.</p> <p>Deze sjablonen zijn open source (zie <a href="https://github.com/microsoft/WindowsAppSDK/pull/6407">WindowsAppSDK PR #6407</a>), ontwikkeld op basis van <a href="https://github.com/microsoft/microsoft-ui-xaml/issues/10388">community-feedback</a>, en nu beschikbaar. Visual Studio-ondersteuning is in de maak — deze zelfde sjablonen zullen daar uiteindelijk ook werken.</p> <p>Voor teams die hun WinUI-projectinstellingen willen scripten, integreren in CI, of simpelweg een andere editor dan Visual Studio willen gebruiken, is dit een betekenisvolle verbetering.</p> <p>Originele post: <a href="https://devblogs.microsoft.com/ifdef-windows/introducing-dotnet-new-templates-for-winui/">Introducing dotnet new WinUI templates</a></p>