Visual Studio Code-Übersicht

Visual Studio Code umfasst integrierte Unterstützung für JavaScript, TypeScript und Node.js. Daher ist es ein hervorragendes Tool für Webentwickler. Visual Studio Code ist ein einfacher, aber leistungsstarker Quellcode-Editor, der für Windows, Linux und macOS verfügbar ist. Dieser Artikel bietet eine Übersicht über Erweiterungen für Visual Studio Code, die Features für Benutzer von Microsoft Edge DevTools hinzufügen.

Die Microsoft Edge DevTools-Erweiterung für Visual Studio Code

Mit der Microsoft Edge DevTools-Erweiterung für Visual Studio Code können Sie das Elementtool des Microsoft Edge-Browsers in Visual Studio Code verwenden. Verwenden Sie das Elementtool für Folgendes:

  • Fügen Sie eine Instanz an, oder starten Sie eine Instanz von Microsoft Edge.
  • Zeigt die HTML-Laufzeitstruktur an.
  • Aktualisieren Sie das Layout.
  • Beheben von Formatierungsproblemen.

Die Microsoft Edge DevTools-Erweiterung für Visual Studio Code

So installieren Sie die Microsoft Edge DevTools-Erweiterung:

  1. Navigieren Sie in Visual Studio Code zu Erweiterungen (wählen Sie Ctrl + Shift + X auf Windows/Linux oder Command + Shift + X unter macOS).
  2. Durchsuchen Sie den Marketplace nach der Erweiterung Microsoft Edge Tools für VS Code, wählen Sie die Erweiterung aus, und wählen Sie dann Installierenaus.

Installieren der Microsoft Edge DevTools-Erweiterung für Visual Studio Code

Weitere Informationen

Die Webhint-Erweiterung für Visual Studio Code

Verwenden Sie Webhint,ein anpassbares Lintingtool, um die folgenden Funktionen Ihrer Website zu verbessern.

  • Barrierefreiheit
  • Leistung
  • Browserübergreifende Kompatibilität
  • PWA Kompatibilität
  • Sicherheit

Das Webhint-Tool überprüft Ihren Code auf Codierungspraktiken 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 zusammen mit Webentwicklern in der Community zum Webhint bei.

Identifizieren und beheben Sie Probleme in Ihrer Website, indem Sie die Webhint-Erweiterung für Visual Studio Codehinzufügen. Hinweise untersuchen HTML, CSS, JavaScript, TypeScript und vieles mehr. Hinweise werden im Text-Editor als wellenförmige Unterstreichungen angezeigt und im Bereich "Probleme" zusammengefasst.

Die Webhint-Erweiterung für Visual Studio Code

So installieren Sie die Webhint-Erweiterung:

  1. Navigieren Sie in Visual Studio Code zu Erweiterungen (wählen Sie Ctrl + Shift + X auf Windows/Linux oder Command + Shift + X unter macOS).
  2. Durchsuchen Sie den Marketplace nach der Webhint-Erweiterung, wählen Sie die Erweiterung aus, und wählen Sie dann "Installieren" aus.

Die Webhint-Visual Studio Code-Erweiterung

Weitere Informationen