Erste Schritte mit der DevTools-Erweiterung für Visual Studio Code

Diese Tutorials führen Sie durch verschiedene Möglichkeiten zum Öffnen und Schließen von DevTools und helfen Ihnen bei den ersten Schritten beim Ändern von CSS und Debuggen von JavaScript.

• Klicken Sie im Explorer von Visual Studio Code mit der rechten Maustaste auf eine .html Datei für Demo To Do, ohne einen Webserver ausführen zu müssen. Weitere Informationen finden Sie unter Erste Schritte durch Klicken mit der rechten Maustaste auf eine HTML-Datei.

• Klicken Sie auf die Schaltfläche Instanz starten , um mit der Webseite " Demoerfolg" zu experimentieren. Weitere Informationen finden Sie unter Erste Schritte, indem Sie auf die Schaltfläche Instanz starten klicken.

• Klicken Sie auf die Schaltfläche Projekt starten , um Demo To Do auf einem localhost-Webserver auszuführen und die URL für die Webseite in launch.jsonzu speichern. Weitere Informationen finden Sie unter Erste Schritte, indem Sie auf die Schaltfläche Projekt starten klicken.

Siehe auch

• Öffnen von DevTools und dem DevTools-Browser
• Microsoft Edge DevTools-Erweiterung für Visual Studio Code

Github:

• demo-to-do : Die Demo-Web-App, die auf dem github.io Server ausgeführt wird.
• Quellcode für demo-to-do
• MicrosoftEdge/Demos-Repository