Prise en main de l’extension DevTools pour Visual Studio Code

Ces tutoriels vous guident à travers plusieurs façons d’ouvrir et de fermer DevTools, et vous permettent également de commencer à modifier CSS et à déboguer JavaScript.

• Cliquez avec le bouton droit sur un .html fichier de démonstration à faire dans l’Explorateur de Visual Studio Code, sans avoir à exécuter un serveur web. Consultez Prise en main en cliquant avec le bouton droit sur un fichier HTML.

• Cliquez sur le bouton Lancer l’instance pour tester la page web de démonstration Réussite . Consultez Prise en main en cliquant sur le bouton Lancer l’instance.

• Cliquez sur le bouton Lancer le projet pour exécuter la démonstration à faire sur un serveur web localhost et stocker l’URL de la page web dans launch.json. Consultez Prise en main en cliquant sur le bouton Lancer le projet.

Voir aussi

• Ouverture de DevTools et du navigateur DevTools
• Extension Microsoft Edge DevTools pour Visual Studio Code

Github:

• demo-to-do : application web de démonstration s’exécutant sur le github.io serveur.
• Code source pour la démonstration
• Référentiel MicrosoftEdge/Demos