https://thedotnetblog.com/pt/tags/visual-studio-code/Articles, tutorials and insights from the .NET community.Hugopt@thedotnetblog (The .NET Blog)@thedotnetblogWed, 27 May 2026 00:00:00 +0000https://thedotnetblog.com/pt/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/Wed, 27 May 2026 00:00:00 +0000Emiliano Montesdeocahttps://thedotnetblog.com/pt/news/emiliano-montesdeoca/dotnet-new-winui-templates-cli-vscode/Os templates de projeto WinUI agora funcionam com dotnet new — apps em branco, padrões NavigationView e mais. Suporte a VS Code, sem necessidade do Visual Studio, com Fluent Design por padrão.<p>O desenvolvimento com WinUI costumava exigir o Visual Studio. Isso está a mudar: a Microsoft publicou templates de projetos e itens open source para WinUI que funcionam com <code>dotnet new</code>, trazendo o desenvolvimento de apps Windows para o fluxo de trabalho padrão da CLI.</p> <h2 id="começar-em-três-comandos">Começar em três comandos</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"># Instalar os templates</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"># Criar uma app NavigationView</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"># Executar</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>Sem Visual Studio, sem configuração manual do projeto. A app executa com <code>dotnet run</code>.</p> <h2 id="o-que-está-incluído">O que está incluído</h2> <p><strong>Template em branco</strong> (<code>dotnet new winui</code>) — um ponto de partida moderno com uma barra de título Fluent já configurada, ícone de app atualizado com asset <code>.ico</code>, e valores padrão corretos para modo claro/escuro. Melhor do que o antigo template em branco que te deixava a configurar o básico sozinho.</p> <p><strong>Template NavigationView</strong> (<code>dotnet new winui-navview</code>) — o padrão de navegação master-detail, totalmente configurado com um NavigationView, barra de título moderna e estrutura de navegação multipágina. Segue a silhueta padrão de apps Windows para aplicações baseadas em navegação. Se estás a construir algo com navegação lateral, começa aqui.</p> <p>Ambos os templates seguem as <a href="https://learn.microsoft.com/windows/apps/design/basics/app-silhouette">silhuetas de apps Windows</a> — padrões modernos de Fluent Design para layout, navegação e estrutura visual — prontos a usar desde o início.</p> <h2 id="por-que-importa-para-developers-que-não-usam-visual-studio">Por que importa para developers que não usam Visual Studio</h2> <p>Os developers WinUI que usam VS Code, Rider ou ferramentas de linha de comandos têm sido negligenciados. Os templates existentes do Visual Studio não eram utilizáveis fora do VS — era preciso recriar manualmente a estrutura do projeto e configurar o básico.</p> <p>Estes templates são open source (ver <a href="https://github.com/microsoft/WindowsAppSDK/pull/6407">WindowsAppSDK PR #6407</a>), desenvolvidos a partir do <a href="https://github.com/microsoft/microsoft-ui-xaml/issues/10388">feedback da comunidade</a>, e disponíveis agora. O suporte ao Visual Studio está a ser desenvolvido — estes mesmos templates funcionarão também lá eventualmente.</p> <p>Para equipas que querem automatizar a configuração dos seus projetos WinUI, integrá-la em CI, ou simplesmente usar um editor diferente do Visual Studio, isto é uma melhoria significativa.</p> <p>Post original: <a href="https://devblogs.microsoft.com/ifdef-windows/introducing-dotnet-new-templates-for-winui/">Introducing dotnet new WinUI templates</a></p>