VS Code Live Server Extension: So laden Sie Ihren Browser automatisch neu

Blog

VS Code Live Server Extension: So laden Sie Ihren Browser automatisch neu

In diesem Video wird die Live-Server-Erweiterung von VS Code zum Einrichten und Konfigurieren der automatischen Aktualisierungsfunktion des Browsers behandelt.

Visual Studio Code ist heute einer der beliebtesten und bevorzugten Editoren für die Codierung. Ich bin Frontend-Webentwickler und verwende VS Code auch persönlich auf meinem Kanal. Während ich programmiere, stellen viele Leute eine häufige Frage, wie der Browser automatisch aktualisiert wird, ohne auf die Schaltfläche zum Neuladen zu klicken.

Dies ist möglich, wenn Sie eine nette Erweiterung für Ihren VS-Code konfigurieren, die als Live-Server bezeichnet wird. In diesem Video habe ich die Details erklärt und wie Sie einen Live-Server für Ihren VS Code-Editor einrichten und konfigurieren.

Facebook-API-Python-Tutorial

VS-Code-Download-Link: https://code.visualstudio.com/
Weitere Informationen zu Live-Serverproblemen: shorturl.at/itAF2 shorturl.at/mxFHL


Visual Studio Code ist einer der beliebtesten Code-Editoren auf dem Markt. Es ist kostenlos, hat eine saubere Oberfläche und unzählige Erweiterungen, die das Programmieren einfacher und unterhaltsamer machen.

Ich bin Frontend-Webentwickler und verwende VS Code während meiner Arbeit und auf meinem YouTube-Kanal. Viele Leute haben mich gefragt, wie der Browser während des Programmierens automatisch aktualisiert wird, ohne auf die Schaltfläche zum Neuladen zu klicken.

Nun, dies ist möglich, wenn Sie in VS Code eine nützliche Erweiterung namens Live-Server konfigurieren. In diesem Beitrag erkläre ich die Details zur Funktionsweise und zum Einrichten und Konfigurieren eines Live-Servers in Ihrem VS Code-Editor.

Warum sollte ich die Live-Server-Erweiterung verwenden?

Wenn Sie Ihren Code ändern oder etwas Neues schreiben, müssen Sie die Seite normalerweise manuell aktualisieren, um die Änderungen anzuzeigen.

Mit anderen Worten, wenn Sie täglich 100 Änderungen an Ihrem Code vornehmen, müssen Sie den Browser 100 Mal aktualisieren.

Die Live-Server-Erweiterung automatisiert dies jedoch für Sie. Nach der Installation kann in Ihrem Browser ein automatisierter localhost ausgeführt werden, den Sie mit einem einzigen Knopfdruck starten können.

wo kann man titanmünzen kaufen

Sobald Sie Änderungen an Ihrem Code vornehmen oder etwas Neues schreiben, aktualisiert sich der Browser nach dem Speichern automatisch. Dann können Sie die Änderungen schnell und automatisch sehen.

Installieren Sie zuerst VS-Code

Sie können diesen Teil überspringen, wenn Sie VS Code bereits auf Ihrem Computer installiert haben. Andernfalls können Sie es herunterladen von seine offizielle Website .

Offizielle Visual Studio-Code-Website

Nachdem Sie VS Code heruntergeladen und installiert haben, sehen Sie den Willkommensbildschirm:

Auf der linken Seite sollten Sie ein paar Symbole sehen. Eine davon (unter dem Symbol für keine Fehler) ist die Schaltfläche für Erweiterungen:

Sobald Sie darauf klicken, erscheint eine Suchleiste. Geben Sie einfach den Live-Server ein.

Es werden viele Optionen angezeigt, sodass Sie die für Ihr System geeignete auswählen können. Ich verwende Live Server von Ritwick Dey, also fahren wir mit diesem in diesem Beispiel fort:

mockito Tutorial Frühlingsstiefel

Klicken Sie auf die Schaltfläche Installieren und die Erweiterung wird installiert.

Erstellen Sie eine neue HTML-Seite

Um den Live-Server zu starten, stellen Sie sicher, dass Sie mindestens eine HTML-Seite erstellt haben. Klicken Sie dazu ganz oben auf die Dateischaltfläche, wählen Sie dann die neue Dateischaltfläche und geben Sie index.html ein:

So hosten Sie einen Discord-Bot auf Heroku

Neues Dateisymbol mit Pluszeichen (2. von links)

Konfigurationsprobleme

Nachdem Sie nun eine HTML-Seite erstellt und die Erweiterung installiert haben, sollten Sie unten im blauen Feld ein Go Live-Symbol sehen können:

Wenn Sie es nicht sehen, starten Sie VS Code einfach neu. Dann sollte es in Ordnung sein.

Klicken Sie auf die Schaltfläche Go Live und der localhost (der einer Portnummer zugewiesen ist) sollte in Ihrem Standardbrowser starten. Sie können Ihren Live-Server jederzeit starten und stoppen, indem Sie auf dieselbe Schaltfläche klicken.

#vscode #programmierung #entwickler #javascript #python

www.youtube.com

VS Code Live Server Extension: So laden Sie Ihren Browser automatisch neu

Die Live-Server-Erweiterung von VS Code wird zum Einrichten und Konfigurieren der automatischen Aktualisierungsfunktion des Browsers behandelt. Ich erkläre die Details, wie es funktioniert und wie Sie einen Live-Server in Ihrem VS-Code-Editor einrichten und konfigurieren.