Desenvolvimento na Web no Windows

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

Configure seu ambiente de desenvolvimento no Windows

WebView, DevTools, PWAs

WebView 2
Insira conteúdo da Web (HTML, CSS e JavaScript) em seus aplicativos nativos com Microsoft Edge WebView2. Baixar WebView 2

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

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

Progressive Web Apps em Windows
OS PWAs (Web Apps progressivos) fornecem aos usuários uma experiência nativa, semelhante a um aplicativo, personalizada para seus dispositivos. Existem sites que são progressivamente aprimorados para funcionar como aplicativos nativos nas plataformas compatíveis.
Introdução aos PWAs

navegador Microsoft Edge

ícone
Microsoft Edge para Desenvolvedores
O novo Microsoft Edge baseia-se no Chromium para criar melhor compatibilidade com a Web e menos fragmentação de plataformas Web subjacentes. Lançado em 15 de janeiro de 2020, ele tem suporte no Windows, macOS, iOS e Android.
Instale o novo Microsoft Edge

Microsoft Edge for Business
Microsoft Edge se baseia no Chromium e oferece suporte corporativo. Obtenha orientações passo a passo sobre como configurar e implantar os diversos canais disponíveis.
Download Microsoft Edge channel

Microsoft Edge Insider
Estamos construindo algo novo para Microsoft Edge todos os dias. Saiba mais sobre nosso progresso recente e como você pode se envolver. Download Microsoft Edge versão Beta

ícone de suporte
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. Obtenha ajuda com o Microsoft Edge

Depuração, testes e acessibilidade

Microsoft Edge Tools for VS Code
Sem sair do Visual Studio Code, use o Microsoft Edge DevTools para se conectar a uma instância e exibir a estrutura HTML do tempo de execução, alterar os layouts e estilos (CSS), ler mensagens de console e exibir solicitações de rede.
Instalar ferramentas de Microsoft Edge 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 CLI

WebDriver
Feche o loop em seu ciclo de desenvolvedor automatizando o teste do seu site em Microsoft Edge com o Microsoft WebDriver.
Instalar o WebDriver

editores de código Visual Studio

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

ícone
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 Visual Studio

Marketplace de Extensões do VS Code
Explore as várias extensões diferentes disponíveis para personalizar seu editor de Visual Studio Code.
Instalar extensões

Visual Studio Marketplace para Extensões
Explore as várias extensões diferentes disponíveis para personalizar seu ambiente de desenvolvimento integrado Visual Studio.
Instalar extensões

WSL, Terminal, Package Manager, Docker Desktop

Windows Subsystem for Linux
Use sua distribuição favorita do Linux totalmente integrada ao Windows (não há mais necessidade de inicialização dupla).
Instalar o WSL

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

ícone
Windows Package Manager
Use o cliente winget.exe com sua linha de comando para instalar aplicativos em Windows ou submitir seus próprios pacotes para Windows Package Manager.
Instale o cliente winget do Windows Package Manager

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

ASP.NET, Typescript, .NET MAUI

ASP.NET
Uma estrutura multiplataforma para a criação de aplicativos e serviços Web, aplicativos de Internet das Coisas (IoT) 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 em Windows, macOS e Linux. Implantar na nuvem ou em servidores locais. Rode 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

ícone
.NET MAUI
.NET MAUI (App UI multiplataforma do .NET) permite criar aplicativos nativos usando um toolkit de UI multiplataforma do .NET que tem como alvo as plataformas móveis e de desktop no Android, iOS, macOS, Windows e Tizen.
Instalar .NET MAUI

Contribuições de software livre

Software livre na Microsoft
Milhares de engenheiros da Microsoft usam, contribuem e liberam open source todos os dias. Projetos populares incluem Visual Studio Code, TypeScript, .NET e ChakraCore.
Envolva-se

Contribuir para a documentação
A maioria dos conjuntos de documentação na Microsoft são open source e hospedados em GitHub. Contribua registrando problemas ou criando solicitações de pull.
Saiba como

Desenvolvimento em nuvem com Azure

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

Azure Cognitive Services
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

Navegar nos produtos do Azure
Azure oferece uma enorme variedade de produtos e serviços - dê uma olhada na documentação ou veja as descrições e preços do produto Azure.
Conseje uma conta Azure

Recursos adicionais

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

React Native para desktop
Traga o suporte do React Native para o SDK do Windows e o SDK do macOS 10.13. Use o JavaScript para criar aplicativos Windows nativos para todos os dispositivos compatíveis com Windows incluindo computadores, tablets, 2 em 1s, 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

Transição entre Mac e Windows

Confira nosso guide para a transição entre um ambiente de desenvolvimento mac e Windows (ou Windows Subsystem for Linux).

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