Episódio

Trazendo as DevTools do Edge para o VS Code para depuração de aplicativos Web

com o Chris Heilmann

VS Dia do Código 2021

Ao criar aplicativos Web, os desenvolvedores sabem que precisam alternar entre o editor e o navegador para testar seu código, e isso é um monte de mudanças de contexto! E se você pudesse usar o DevTools do seu navegador Edge baseado no Chromium diretamente no VS Code?

Nesta sessão, mostraremos como conseguimos trazer o DevTools para o editor e o que tivemos que fazer para que essa extensão complexa falasse com o editor e o navegador e permanecesse acessível e fácil de usar ao mesmo tempo.

Extensão: https://aka.ms/devtools-for-code 

Repositório: https://github.com/Microsoft/vscode-edge-devtools 

Ao criar aplicativos Web, os desenvolvedores sabem que precisam alternar entre o editor e o navegador para testar seu código, e isso é um monte de mudanças de contexto! E se você pudesse usar o DevTools do seu navegador Edge baseado no Chromium diretamente no VS Code?

Nesta sessão, mostraremos como conseguimos trazer o DevTools para o editor e o que tivemos que fazer para que essa extensão complexa falasse com o editor e o navegador e permanecesse acessível e fácil de usar ao mesmo tempo.

Extensão: https://aka.ms/devtools-for-code 

Repositório: https://github.com/Microsoft/vscode-edge-devtools 

URL do Vídeo

Iniciar na hora

Iframe do HTML

Tamanho do leitor

1920 x 1080 1280 x 720 640 x 360

Iniciar na hora