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

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

• Clique com o botão direito em um .html arquivo para Demo To Do no Explorer do Visual Studio Code, sem precisar executar um servidor Web. Consulte Comece clicando com o botão direito do mouse em um arquivo HTML.

• Clique no botão Launch Instance para experimentar a página de demonstração Success . Consulte Comece clicando no botão Launch Instance.

• Clique no botão Iniciar projeto para executar o Demo To Do em um servidor web localhost e armazenar a URL da página da Web no launch.json. Consulte Começar clicando no botão Iniciar Projeto.

Confira também

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

GitHub:

• demo-to-do - o aplicativo Web de demonstração em execução no github.io servidor.
• Código-fonte para demonstração de tarefas pendentes
• MicrosoftEdge / Demos repo.