Introdução ao uso da extensão DevTools para Visual Studio Code

Esses tutoriais orientam você por várias maneiras de abrir e fechar o DevTools e também começar a modificar o CSS e depurar o JavaScript.

• Clique com o botão direito do mouse em um .html arquivo para Demonstração a Fazer no Gerenciador de Visual Studio Code, sem a necessidade de executar um servidor Web. Consulte Introdução clicando com o botão direito do mouse em um arquivo HTML.

• Clique no botão Iniciar Instância para experimentar a página da Web de demonstração Success . Confira Introdução clicando no botão Iniciar Instância.

• Clique no botão Iniciar Projeto para executar Demonstração a Fazer em um servidor Web localhost e armazene a URL para a página da Web em launch.json. Consulte Introdução clicando no botão Iniciar Projeto.

Confira também

• Abrir o DevTools e o navegador DevTools
• Extensão DevTools do Microsoft Edge para Visual Studio Code

Github:

• demonstração a fazer – o aplicativo Web de demonstração em execução no github.io servidor.
• Código-fonte para demonstração a fazer
• Repositório MicrosoftEdge/Demos