Wie funktioniert der Live-Server eigentlich von Visual-Studio-Code und wo finde ich den eigentlich genau und was kann ich damit machen? Und was kann ich mir damit genau eigentlich anschauen?
Praktisches Beispiel: Du willst endlich loslegen und deine kleine erste Webseite coden
Du möchtest eine kleine Webseite coden und bist hochmotiviert. Du lädst dir also Visual-Studio-Code runter, denn dort willst du deinen Code schreiben. Du erstellst ein cooles HTML-Gerüst und willst deine erste Zeile überhaupt in deinem Leben schreiben und möchtest deine Besucher mit folgendem Text in deinem Code begrüßen: “ Herzlich Willkommen auf meiner neuen Webseite“ ( Abbildung Bild 1)
Bild 1
Du installierst über die Extensions links angezeigt den Live-Server, in dem du das Wort „Live-Server“ eingibst. Extensions sind sogenannte Erweiterungen. Unten rechts mit dem gelben Pfeil siehst du, dass der Live-Server-Botton dann angezeigt wird. In dem Moment, wenn du dort auf den Button klickst, öffnet sich der Browser und du kannst dann sehen, was du programmiert hast. Also in unserem Falle deine erste Zeile. Nämlich: „Herzlich Willkommen auf meiner neuen Webseite“
Bild 2
Unten rechts wird dir mit einem kleinen Botton der Live-Server angezeigt.
Bild 3
Bild 4 – Nachdem du den Live-Server installiert hast und auf den Botton rechts unten klickst, öffnet sich der Browser und du kannst die Ausgabe sehen.
Bild 4 – Die Ausgabe, nachdem du auf den Live-Server Botton geklickt hast.
Bitte beachte immer, nur das was du im Body-Bereich codest wird dir auch angezeigt!
Zur Video-Anleitung: Wie funktioniert eigentlich der Live-Server Video (9:23 min)
Antwort: Klar, das geht natürlich auch. Bitte achte darauf, dass du falls du irgendetwas veröffentlichst immer an ein Impressum denkst!
Wie kann man eigentlich Code, den man geschrieben hat, veröffentlichen und wie kommt die Internet-Adresse dann genau zustande?
Video (36:16 min) Code veröffentlichen und eigene kostenlose Internet-Adresse bauen
Das könnte dich auch interessieren: Wie veröffentlich man eigentlich eine App? mehr