Integração com Microsoft Edge IDE

Vários recursos de ferramentas da Microsoft fornecem integração de desenvolvimento usando Microsoft Edge, Visual Studio Code e Visual Studio, para desenvolver seus produtos, páginas da Web e aplicativos Web que usam e funcionam com integração total no Microsoft Edge.

Extensão do DevTools do Microsoft Edge para o Visual Studio Code

A extensão DevTools do Microsoft Edge para o Visual Studio Code permite que você use a ferramenta Elementos e a ferramenta Rede do navegador Microsoft Edge de dentro do Visual Studio Code.

Sem sair do Visual Studio Code, use o DevTools do Microsoft Edge para anexar a uma instância ou iniciar uma instância do Microsoft Edge e, em seguida:

  • Exiba a estrutura HTML do tempo de execução.
  • Alterar o layout da página da Web.
  • Alterar estilos CSS e corrigir problemas de estilo.
  • Ler mensagens do console.
  • Exibir solicitações de rede.

Consulte a extensão do DevTools do Microsoft Edge para o Visual Studio Code.

Arquivos de código aberto em Visual Studio Code

O experimento Arquivos de código aberto no Visual Studio Code permite que você use o DevTools do Microsoft Edge, mas edite seus arquivos no Visual Studio Code em vez de no editor de código da ferramenta DevTools Sources.

Ao usar esse experimento, se você usar o Visual Studio Code e usar o DevTools para alterar suas regras CSS, não precisará mais usar o editor de código na ferramenta Fontes do DevTools. Você pode simplesmente usar o editor de código no Visual Studio Code. Quando você ativar esse experimento, os arquivos locais receberão um tratamento diferente.

Consulte Abrindo arquivos de código-fonte no Visual Studio Code.

Depurar o Microsoft Edge no Visual Studio Code

O Visual Studio Code inclui um depurador interno para o Microsoft Edge, que pode iniciar o navegador ou anexá-lo a um navegador já em execução.

Esse depurador interno permite depurar seu código JavaScript de front-end linha por linha e ver console.log() instruções diretamente do Visual Studio Code.

Consulte Depurar o Microsoft Edge no Visual Studio Code.

A extensão webhint para o Visual Studio Code

Atualização de julho de 2026: a webhint foi removida do Microsoft Edge 151.

A partir de abril de 2022, a extensão webhint para o Visual Studio Code não será mais mantida. Consulte a extensão do DevTools do Microsoft Edge para o Visual Studio Code.

Use a webhint, uma ferramenta de lint personalizável, para melhorar a funcionalidade do seu site, incluindo:

  • Acessibilidade.
  • do Desempenho.
  • Compatibilidade entre navegadores.
  • Compatibilidade com PWA.
  • Segurança.

O Webhint verifica seu código quanto a práticas recomendadas e erros comuns. Identifique e corrija problemas nos seus arquivos, incluindo HTML, CSS, JavaScript e TypeScript. As dicas aparecem como sublinhados ondulados no editor de texto e são resumidas no painel Problemas .

Veja também:

Visual Studio para desenvolvimento na Web

O Microsoft Visual Studio é um IDE (ambiente de desenvolvimento integrado). Use-o para editar, depurar, compilar e publicar seus aplicativos Web. É um programa rico em recursos que pode ser usado para muitos aspectos do seu desenvolvimento web.

Além do editor e depurador padrão que a maioria dos IDEs fornece, o Visual Studio inclui recursos para facilitar o processo de desenvolvimento, incluindo:

  • Compiladores.
  • Ferramentas de auto-completar código.
  • Designers gráficos.
  • E muitos outros recursos.

Consulte Visual Studio para desenvolvimento na Web.

  • Last updated on