Visual Studio Code

Visual Studio-Code ist ein leichter, aber leistungsstarker Quellcode-Editor, der auf dem Desktop ausgeführt wird und für Windows, macOS und Linux verfügbar ist. Es bietet integrierte Unterstützung für JavaScript, Script und Node. js und ist daher ein hervorragendes Tool für Webentwickler direkt aus der Box. Wenn Sie Sie noch nicht verwenden, laden Sie Visual Studio-Codeherunter.

Extensions

Wenn Sie eine der unten hervorgehobenen Erweiterungen erwerben möchten, navigieren Sie in vs-Code zu Erweiterungen \ ( Ctrl + Shift + X unter Windows oder Command + Shift + X unter macOS).

Durchsuchen Sie den Marktplatz nach der jeweiligen Erweiterung, und wählen Sie Installierenaus.

Installieren des Debuggers für Microsoft Edge vs Code Extension

Installieren des Debuggers für Microsoft Edge vs Code Extension

Debugger für Microsoft Edge

Debuggen Sie mit dem Debugger für Microsoft Edge vs Code Extension ihren Front-End-JavaScript-Code Zeile für Zeile, und lesen Sie console.log() Anweisungen direkt aus Visual Studio-Code!

Mit dem Debugger-Tool können Sie sowohl Microsoft Edge \ (EdgeHTML ) als auch Microsoft Edge \ (Chrom ) starten oder anfügen. Eine exemplarische Vorgehensweise zum Debuggen von Microsoft Edge aus vs-Code und Beispiel launch.json Konfigurationen finden Sie unter Debugger für Microsoft Edge vs Code Extension. Wählen Sie die folgende Abbildung aus, um die Erweiterung in Aktion anzuzeigen.

Debugger für Edge-vs-Code Erweiterung in Aktion

Elemente für Microsoft Edge

Mit den Elementen für Microsoft Edge vs Code Extension verwenden Sie das Tool Elemente des Microsoft Edge-Browsers in Visual Studio-Code. Durch Starten oder Anfügen wird das elementtool mit einer Instanz von Microsoft Edge verbunden, zeigt die HTML-Laufzeitstruktur an und ermöglicht Ihnen, das Layout zu ändern oder Formatierungsprobleme zu beheben.

Weitere Informationen finden Sie unter Elemente für Microsoft Edge vs Code Extension. Wählen Sie die folgende Abbildung aus, um die Erweiterung in Aktion anzuzeigen.

Elemente für Edge-vs-Code Erweiterung in Aktion

Webhint

Verwenden Sie webhint, ein anpassbares linting-Tool, um die Barrierefreiheit, die Leistung, die browserübergreifende Kompatibilität, die PWA-Kompatibilität und die Sicherheit Ihrer Website zu verbessern. Sie überprüft Ihren Code auf bewährte Methoden und häufige Fehler. Das webhint Open-Source-Projekt, das ursprünglich vom Microsoft Edge-Team entwickelt wurde, ist jetzt Teil der OpenJS-Foundation. Das Microsoft Edge-Team trägt weiterhin zu webhint neben Webentwicklern in der Community bei.

Screenshot der webhint vs-Code Erweiterung

Identifizieren und beheben Sie Probleme in HTML, CSS, JavaScript, Manuskript und mehr, indem Sie die webhint-Erweiterung für vs-Codehinzufügen. Hinweise werden als Inline Unterstriche angezeigt und im Problem Bereich zusammengefasst.

Weitere Informationen finden Sie unter so wird es gemacht: Verwenden von webhint in Visual Studio-Code.