Ler em inglês

Compartilhar via


Desenvolvimento para a Web no Windows

A Microsoft oferece uma variedade de recursos aos desenvolvedores Web, incluindo novas ferramentas e recursos que dão suporte ao desenvolvimento para a Web usando o Windows. Este guia abrange muitas das ferramentas disponíveis para tornar o Windows um ambiente ideal para desenvolvimento na Web. Para obter uma lista de APIs, confira APIs para desenvolvimento para a Web.

Modo de exibição da Web, DevTools e PWAs

Ícone do WebView 2
Modo de exibição da Web 2
Insira conteúdo da Web (HTML, CSS e JavaScript) em seus aplicativos nativos com o Modo de exibição da Web 2 do Microsoft Edge. Baixar o Modo de exibição da Web 2

Ícone do DevTools do Microsoft Edge
DevTools do Microsoft Edge
As Ferramentas para Desenvolvedores do Microsoft Edge são um conjunto de ferramentas de inspeção e depuração criado diretamente no navegador Microsoft Edge. Para abrir o DevTools, com o Microsoft Edge em foco:

  • Clique com o botão direito do mouse em Inspecionar
  • Selecione a tecla F12
  • Ctrl + Shift + i

Ícone do PWA
Aplicativos Web Progressivos no Windows
Os PWAs (Aplicativos Web Progressivos) fornecem aos usuários uma experiência nativa, semelhante ao aplicativo, personalizada para os dispositivos deles. Existem sites que são progressivamente aprimorados para funcionar como aplicativos nativos nas plataformas compatíveis.
Introdução aos PWAs

Navegador Microsoft Edge

Ícone do Microsoft Edge
Microsoft Edge para Desenvolvedores
O novo Microsoft Edge é baseado no Chromium para criar uma compatibilidade com a Web aprimorada e menos fragmentação das plataformas Web subjacentes. Lançado em 15 de janeiro de 2020, ele é compatível com Windows, macOS, iOS e Android.
Instalar o novo Microsoft Edge

Microsoft Edge para Negócios
Microsoft Edge para Negócios
O Microsoft Edge é baseado no Chromium e oferece suporte empresarial. Obtenha orientações passo a passo sobre como configurar e implantar os diversos canais disponíveis.
Baixar o canal do Microsoft Edge

Ícone do Microsoft Edge Insider
Microsoft Edge Insider
Estamos criando algo novo para o Microsoft Edge todos os dias. Saiba mais sobre nosso progresso recente e como você pode se envolver. Baixar a versão Microsoft Edge Beta

Ícone de suporte do Microsoft Edge
Suporte do Microsoft Edge
Obtenha ajuda com a personalização do navegador, a adição de extensões, a prevenção de rastreamento, a solução de problemas e muito mais. Obter ajuda com o Microsoft Edge

Depuração, testes e acessibilidade

Extensão do depurador do Edge no Marketplace do VS
Microsoft Edge Tools para VS Code
Sem sair do Visual Studio Code, use o Microsoft Edge DevTools para se conectar com uma instância e ver a estrutura HTML do runtime, alterar layouts e estilos (CSS), ler mensagens do console e ver as solicitações de rede.
Instalar o Microsoft Edge Tools para VS Code

Ícone do WebHint
WebHint para Acessibilidade
Uma ferramenta personalizável de lint que ajuda você a melhorar características do seu site, como acessibilidade, velocidade, compatibilidade entre navegadores e muito mais, verificando o código em busca de melhores práticas e erros comuns.
Instalar a extensão do VS Code
Instalar a extensão do navegador
Instalar a CLI

Ícone do WebDriver
WebDriver
Feche o loop no ciclo de desenvolvedor automatizando os testes do seu site no Microsoft Edge com o Microsoft WebDriver.
Instalar o WebDriver

Editores de código do Visual Studio

Ícone do VS Code
VS Code
Um editor de código-fonte leve com suporte interno para JavaScript, TypeScript, Node.js, um avançado ecossistema de extensões (C++, C#, Java, Python, PHP, Go) e runtimes (como .NET e Unity).
Instalar VS Code

Ícone do Visual Studio
Visual Studio (IDE)
Um ambiente de desenvolvimento integrado que você pode usar para editar, depurar, compilar código e publicar aplicativos, incluindo compiladores, o preenchimento de código do IntelliSense e muitos outros recursos.
Instalar o Visual Studio

Ícone do marketplace do VS Code
Marketplace do VS Code para Extensões
Explore as diversas extensões diferentes disponíveis para personalizar o editor do seu Visual Studio Code.
Instalar extensões

Ícone de marketplace do Visual Studio
Marketplace para extensões do Visual Studio
Explore as inúmeras extensões diferentes disponíveis para personalizar o ambiente de desenvolvimento integrado do Visual Studio.
Instalar extensões

WSL, Terminal, Gerenciador de Pacotes, Área de Trabalho do Docker

Ícone do WSL
Subsistema do Windows para Linux
Use sua distribuição do Linux favorita totalmente integrada com o Windows (sem mais necessidade de inicialização dupla).
Instalar o WSL

Ícone do Terminal do Windows
Terminal do Windows
Personalize seu ambiente de terminal para trabalhar com vários shells de linha de comando.
Instalar o Terminal

Ícone do Docker Desktop para Windows
Docker Desktop para Windows
Crie contêineres de desenvolvimento remoto com suporte do Visual Studio, VS Code, .NET, Subsistema do Windows para Linux ou uma variedade de serviços do Azure.
Instalar o Docker Desktop for Windows

ASP.NET, Typescript, Xamarin

Ícone do ASP.NET
ASP.NET
Uma estrutura multiplataforma para a criação de serviços e aplicativos Web, aplicativos da IoT (Internet das Coisas) ou back-ends móveis com .NET e C#. Crie uma interface do usuário da Web interativa avançada com o Blazor. Use suas ferramentas de desenvolvimento favoritas no Windows, no macOS e no Linux. Implantar na nuvem ou local. Execute no .NET.
Instalar ASP.NET

Ícone do TypeScript
TypeScript
O TypeScript estende o JavaScript adicionando tipos à linguagem. Por exemplo, o JavaScript fornece tipos primitivos da linguagem como cadeia de caracteres, número e objeto, mas não verifica se você os atribuiu de maneira consistente. O TypeScript faz isso.
Experimentar no seu navegadorInstalar localmente

Ícone do repositório Xamarin
Xamarin
O Xamarin permite compilar aplicativos nativos para Android, iOS e macOS usando interfaces de usuário específicas à plataforma e o código .NET. Xamarin.Forms permite que você compile aplicativos nativos, com o código de interface do usuário compartilhado escrito em C# ou XAML.
Instalar o Xamarin

Contribuições de software livre

Ícone de software livre
Software livre na Microsoft
Milhares de engenheiros da Microsoft usam e contribuem com software livre e lançam criações nesse modelo de licenciamento todos os dias. Exemplos de projetos populares são o Visual Studio Code, o TypeScript, o .NET e o ChakraCore.
Participar

Ícone do repositório WinDev
Repositório de problemas de desempenho do Windows Developer
Independentemente de você estar desenvolvendo PARA Windows ou NO Windows, usando-o como seu computador de desenvolvimento multiplataforma, queremos estar cientes sobre eventuais problemas de desempenho que possam estar lhe causando problemas.
Registrar um Problema de Desempenho

Ícone de documentos
Contribuir com os documentos
A maior parte dos conjuntos de documentação da Microsoft são de software livre e estão hospedados no GitHub. Contribua registrando problemas ou criando solicitações de pull.
Saiba como

Desenvolvimento em nuvem com o Azure

ícone do Azure
Azure
Uma plataforma de nuvem completa para hospedar seus aplicativos existentes e simplificar o novo desenvolvimento. Os serviços do Azure integram tudo o que você precisa para desenvolver, testar, implantar e gerenciar seus aplicativos.
Configurar uma conta do Azure

Ícone dos Serviços Cognitivos do Azure
Serviços Cognitivos do Azure
Serviços baseados em nuvem com APIs REST e SDKs de biblioteca de cliente disponíveis para ajudar você a inserir inteligência cognitiva em seus aplicativos.
Experimentar o Serviço Cognitivo

Ícone do guia de desenvolvimento do Azure
Aprender sobre o Azure
Uma plataforma de nuvem completa para hospedar seus aplicativos existentes e simplificar o novo desenvolvimento. Os serviços do Azure integram tudo o que você precisa para desenvolver, testar, implantar e gerenciar seus aplicativos.
Configurar uma conta do Azure

Recursos adicionais

Configurar o ícone do ambiente de desenvolvimento
Configurar seu ambiente de desenvolvimento no Windows
Obtenha ajuda ao configurar seu ambiente de desenvolvimento para trabalhar com Python, NodeJS, C#, C, C++, criar aplicativos para Android, criar aplicativos para a área de trabalho do Windows, criar contêineres do Docker, executar scripts do PowerShell e muito mais.
Introdução

Ícone do React Native para desktop
React Native para desktop
Traga o suporte do React Native para o SDK do Windows e para o SDK do macOS 10.13. Use o JavaScript a fim de criar aplicativos nativos do Windows para todos os dispositivos compatíveis com o Windows, incluindo PCs, tablets, conversíveis, Xbox, dispositivos de Realidade Misturada etc., bem como os ecossistemas de desktop e laptop do macOS.
Instale o React Native para desktop
Instale o React Native para desktop

Ícone do Learn
Cursos do Microsoft Learn relacionados ao desenvolvimento para a Web
O Microsoft Learn oferece cursos online gratuitos para aprender uma série de novas habilidades e descobrir os produtos e serviços da Microsoft com diretrizes passo a passo.
Iniciar o aprendizado

Fazer a transição entre Mac e Windows

Confira nosso guia para fazer a transição entre o ambiente de desenvolvimento Mac e Windows (ou o Subsistema do Windows para Linux).