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.

Configurar seu ambiente de desenvolvimento no Windows

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

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

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

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

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
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

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

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

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

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

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

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

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

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

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

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

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

Gerenciador de Pacotes do Windows
Use o cliente winget.exe com a linha de comando para instalar aplicativos no Windows ou enviar seus pacotes ao Gerenciador de Pacotes do Windows.
Instalar o cliente winget do Gerenciador de Pacotes do 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

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

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

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

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

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

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

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

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

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 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

React Native para Windows + macOS
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.
Instalar o React Native para Windows
Instalar o React Native para macOS

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).

• Atalhos de teclado
• Atalhos do trackpad
• Ferramentas do terminal e do shell
• Aplicativos e utilitários