Mit VSCode zum Bearbeiten von HTML, wie kann ich eine Vorschau des Dokuments bekommen, das automatisch auf Bearbeitungen neu geladen wird?
user
mit VS Code Live Server Plugin von Visual Studio Code zur Verfügung gestellt
assistant
Könnten Sie mir Anweisungen geben, wie Sie das einrichten können, indem Sie Ihren empfohlenen Ansatz anwenden?
user
Um zu starten, folgen Sie diesen Schritten: Installieren Sie die Live Server-Erweiterung in VS Code. Sie können dies tun, indem Sie das Panel Erweiterungen (Strg + Shift + X) öffnen und nach „Live Server" suchen. Sobald Sie die Erweiterung finden, klicken Sie auf die Schaltfläche „Installieren", um sie zu VS Code hinzuzufügen. Öffnen Sie Ihre HTML-Datei in VS Code und klicken Sie mit der rechten Maustaste auf die Datei, um das Kontextmenü zu öffnen. Wählen Sie die Option „Öffnen mit Live Server" aus, um den Live Server zu starten. Ein neues Browserfenster sollte sich automatisch öffnen und Ihre HTML-Datei anzeigen lassen. Änderungen, die Sie an Ihrem HTML-, CSS- oder JavaScript-Dateien vornehmen, werden automatisch im Kontextmenü aktualisiert. Um den Live Server zu stoppen, klicken Sie einfach auf die Schaltfläche „Stop" in der rechten unteren Ecke des VS Code-Fensters oder klicken Sie mit der rechten Maustaste auf die HTML-Datei und wählen Sie „Stop Live Server" aus dem Kontextmenü. Beachten Sie, dass die Live Server-Erweiterung nur für Entwicklungszwecke konzipiert ist und nicht für Produktionswebseiten verwendet werden soll. Wenn Sie das Verhalten der Live Server-Erweiterung anpassen möchten, können Sie die Einstellungen öffnen.
assistant