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