Partilhar via


Desenvolvimento Web em Windows

A Microsoft oferece uma variedade de recursos para desenvolvedores da Web, incluindo novas ferramentas e recursos que suportam o desenvolvimento da Web usando o Windows. Este guia abrange muitas das ferramentas disponíveis para tornar o Windows o seu ambiente ideal para desenvolver na Web. Para obter uma lista de APIs, consulte APIs para desenvolvimento da Web.

WebView, DevTools, PWAs

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

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

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

ícone do PWA
Progressive Web Apps no Windows
Os Progressive Web Apps (PWAs) fornecem aos seus utilizadores uma experiência nativa, semelhante a uma aplicação, personalizada para os seus dispositivos. São sites que são progressivamente aprimorados para funcionar como aplicativos nativos em plataformas de suporte.
Introdução aos PWAs

Navegador Microsoft Edge

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

Microsoft Edge for Business
Microsoft Edge for Business
O Microsoft Edge é baseado no Chromium e oferece suporte empresarial. Obtenha orientação passo a passo sobre como configurar e implantar os vários canais disponíveis.
Baixe o canal Microsoft Edge

ícone do Microsoft Edge Insider
Microsoft Edge Insider
Estamos criando algo novo para o Microsoft Edge todos os dias. Saiba mais sobre o nosso progresso recente e como pode participar. Baixe a versão beta do Microsoft Edge

ícone Suporte do Microsoft Edge
Suporte do Microsoft Edge
Obtenha ajuda para personalizar seu navegador, adicionar extensões, rastreamento, prevenção, solução de problemas e muito mais. Obter ajuda com o Microsoft Edge

Depuração, Testes e Acessibilidade

extensão do Depurador de borda do VS Marketplace
Ferramentas do Microsoft Edge para 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 layouts, estilos (CSS), ler mensagens do console e exibir solicitações de rede.
Instalar o Microsoft Edge Tools para o VS Code

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

ícone do WebDriver
WebDriver
Feche o ciclo do desenvolvedor automatizando o teste 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 integrado para JavaScript, TypeScript, Node.js, um rico ecossistema de extensões (C++, C#, Java, Python, PHP, Go) e tempos de execução (como .NET e Unity).
Instalar o VS Code

ícone do Visual Studio
Visual Studio (IDE)
Um ambiente de desenvolvimento integrado que você pode usar para editar, depurar, criar código e publicar aplicativos, incluindo compiladores, conclusão de código intellisense e muitos outros recursos.
Instalar o Visual Studio

ícone do VS Code Marketplace
VS Code Marketplace para extensões
Explore as muitas extensões diferentes disponíveis para personalizar seu editor de código do Visual Studio.
Instalar extensões

ícone do Visual Studio Marketplace
Visual Studio Loja de Extensões
Explore as muitas extensões diferentes disponíveis para personalizar seu ambiente de desenvolvimento integrado do Visual Studio.
Instalar extensões

WSL, Terminal, Gerenciador de Pacotes, Docker Desktop

ícone da WSL
Subsistema Windows para Linux
Use sua distribuição Linux favorita totalmente integrada com o Windows (não há 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 Gestor de Pacotes do Windows
do Gestor de Pacotes do Windows
Use o cliente winget.exe com sua linha de comando para instalar aplicativos no Windows ou enviar seus próprios pacotes para o Gerenciador de Pacotes do Windows.
Instalar o Windows Package Manager cliente winget

í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 Windows para Linux ou uma variedade de serviços do Azure.
Instalar o Docker Desktop para Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET ícone
ASP.NET
Uma estrutura multiplataforma para criar aplicativos e serviços Web, aplicativos de Internet das Coisas (IoT) ou backends móveis com .NET e C#. Desenvolva uma interface web rica e interativa com Blazor. Use suas ferramentas de desenvolvimento favoritas no Windows, macOS e Linux. Implante na nuvem ou no local. Execute em .NET.
Instalar o ASP.NET

ícone do Typescript
Typescript
O TypeScript estende o JavaScript adicionando tipos à linguagem. Por exemplo, o JavaScript fornece primitivos de linguagem como string, number e object, mas não verifica se você os atribuiu consistentemente. TypeScript faz.
Tente no seu navegadorInstalar localmente

ícone do .NET MAUI
.NET MAUI
.NET Multi-platform App UI (.NET MAUI) permite criar aplicações nativas usando um kit de ferramentas de interface do utilizador multiplataforma .NET que se destina a formatos móveis e de desktop no Android, iOS, macOS, Windows e Tizen.
Instalar .NET MAUI

Contribuições Open Source

ícone OpenSource
Open Source na empresa Microsoft
Milhares de engenheiros da Microsoft usam, contribuem e lançam código aberto todos os dias. Projetos populares incluem Visual Studio Code, TypeScript, .NET e ChakraCore.
Envolva-se

ícone de documentos
Contribua para os documentos
A maioria dos conjuntos de documentação da Microsoft são de código aberto e hospedados no GitHub. Contribua arquivando problemas ou criando solicitações pull.
Saiba como

Desenvolvimento na nuvem com o Azure

ícone do Azure
Azure
Uma plataforma de nuvem completa para hospedar seus aplicativos existentes e agilizar novos desenvolvimentos. 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 ajudá-lo a criar inteligência cognitiva em seus aplicativos.
Experimente o Serviço Cognitivo

ícone do guia de desenvolvimento do Azure
Procurar produtos do Azure
O Azure oferece uma enorme variedade de produtos e serviços - consulte a documentação ou consulte o de preços e descrições de produtos do Azure.
Configurar uma conta do Azure

Recursos adicionais

Configurar ícone de ambiente de desenvolvimento
Configurar 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 aplicativos da área de trabalho do Windows, criar contêineres do Docker, executar scripts do PowerShell e muito mais.
Comece

ícone do React Native para Desktop
React Native para Desktop
Traga o suporte do React Native para o SDK do Windows e o SDK do macOS 10.13. Use JavaScript para construir aplicações nativas do Windows para todos os dispositivos suportados pelo Windows, incluindo PCs, tablets, 2 em 1, Xbox, dispositivos de realidade mista, etc., bem como os ambientes de desktop e portáteis macOS.
Instalar o React Native para Windows
Instalar o React Native para MacOS

Aprender ícone
cursos do Microsoft Learn relacionados ao desenvolvimento web
O Microsoft Learn oferece cursos online gratuitos para aprender uma variedade de novas habilidades e descobrir produtos e serviços da Microsoft com orientação passo a passo.
Comece a aprender

Transição entre Mac e Windows

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