Live Preview in Visual Studio Code // Deutsch

Поділитися
Вставка
  • Опубліковано 4 лют 2025
  • Live Preview in Visual Studio Code um sich direkt HTML, CSS und JavaScript Änderungen anzuschauen. Diese Erweiterung integriert sich nahtlos in Visual Studio Code als eigenständiger Bereich. Hot-Reload schon während der Eingabe ist natürlich auch wieder mit dabei. Happy Coding!
    marketplace.vi...
    ⭐ Das könnte dich auch interessieren
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    PHP Live Server für Visual Studio Code:
    ↪︎ • PHP Live Server für Vi...
    Comment Anchors in Visual Studio Code:
    ↪︎ • Warum diese Erweiterun...
    Die neue Timeline für VS Code:
    ↪︎ • Die Neue Timeline in V...
    📌 Über diesen Kanal und mich
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
    Starte Jetzt!
    / @programmierenmario
    #VSCode #ProgrammierenM

КОМЕНТАРІ • 31

  • @yannigbogenoux3955
    @yannigbogenoux3955 2 роки тому +1

    Wollte gerade 'Live Server' installieren, da stolpere ich hier über Dein Video und habe mich nun stattdessen für 'Live Preview' entschieden. Gefällt mir sehr gut ... also beides natürlich, sowohl die von Dir vorgestellte Erweiterung als auch Dein Video. Danke dafür!

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Das freut mich natürlich. Vielen Dank für deine Nachricht :)

  • @madiko
    @madiko 2 роки тому +2

    Vielen Dank fürs Teilen, Mario. Kurz und bündig. Genau das, was ich benötigte.
    (Scheener Okzend. Ich mussde 'n baar mol schmunzeln 😉)

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Na dann hat es sich ja gelohnt. Freut mich das ich helfen konnte :)

  • @badmax7319
    @badmax7319 2 роки тому +3

    Cool, hab sonst immer LiveReload mit BrowserAddon benutzt. Werde ich mir auf jeden Fall mal anschauen.

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Freut mich! Nützliche Tools kann man ja immer gebrauchen ;)
      Schönes Wochenende...

  • @Marcinemos
    @Marcinemos 2 роки тому +2

    Super!!! Wieder super erklärt und sehr sympathisch!!!

  • @yt7042
    @yt7042 2 роки тому +2

    Urlaub beendet? :-) Danke für das Video und die Empfehlung für die VSC Erweiterung, die ich in der Tat noch nicht kannte und in Zukunft wohl verwenden werde.
    Schönes WE!

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +2

      Natürlich!! Schon wieder nen halben Monat her. Hatte schon letzte Woche ordentlich nachgelegt. Falls dus verpasst hast --> ua-cam.com/video/8iim9DNUJBQ/v-deo.html
      Schönes WE!!

    • @yt7042
      @yt7042 2 роки тому +2

      @@ProgrammierenMario Ist mir tatsächlich entgangen, obwohl ich jeden Tag meine ABOs durchschaue. Ist wohl inzwischen etwas groß geworden meine ABO Liste. 🙂
      Bei 1:45 h muss ich allerdings noch das geeignete Zeitfenster finden.

  • @etwasjonas1106
    @etwasjonas1106 Рік тому +1

    Cooles Video, eine Frage: ich bin noch relativer Anfänger und wollte wissen, was du geändert hast, dass bei 3:27 keine ewig lange Zeile entsteht, sondern dass es in den Zeilen darunter ist

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому

      Schau mal in den Einstellungen nach Word Wrap. Da müsste aktiv sein. ✌️

    • @etwasjonas1106
      @etwasjonas1106 Рік тому

      @@ProgrammierenMario vielen Dank!

  • @xTheW0mbat
    @xTheW0mbat 2 роки тому +1

    Hey Mario. hab da so ein Kleines Problem mit VS. Wenn ich beim öffnenden Tag den Bezeichner ändere, ändert er diesen nicht direkt beim schließenden Tag. Kann ich das umstellen oder geht das nicht?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Suche mal in den Einstellungen nach "linkedEditing", falls dies bei dir deaktiviert ist müsstest du das aktivieren.

  • @snoopyrockt933
    @snoopyrockt933 2 роки тому +1

    Hallo, habe die Erweiterung getestet. Aber kann es sein das JavaScript nicht funktioniert? CSS usw. geht ohne Probleme. Grüße

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Mir ist da leider nix bekannt. Normalerweise sollte das Problemlos funktionieren.

  • @ralph2.0
    @ralph2.0 2 роки тому +1

    aber warum soll ich live go und das hier haben, brauche ich die zwei. oder meinst du weil ich bei Live Server erst speichern muss bevor es live geht sozusagen und hier muss ich nicht speichern. verstehe ich das richtig. ich schaue eben ein anderes video und mein live go ging nicht, bis ich gemerkt habe das ich automatisch speichern aus hatte und jetzt mit automatisch speichern geht es.
    dann ist wohl doch sinnvol
    danke für das tolle video
    Ralph

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Du brauchst nicht unbedingt beides. Nimm einfach das was du favorisierst. :)

  • @bastiiwild3817
    @bastiiwild3817 2 роки тому +1

    servus,
    deine Videos sind echt Top, acuh wenn man überhaupt keine Ahnung vom Programmieren hat, man lernt hier echt enorm dazu und das kostenlos, Respekt und ein herzliches Dankeschön!
    ich habe ein Problem und eine Frage zu meinem Problem..
    Unzwar kann die index.html in die Taskleiste ziehen, aber beim aktualisieren da tut sich einfach nichts (egal was ich in die Zeilen einfüge, sei es oder sonst was, es wird auf der Webseite nichts angezeigt)? Ich habe alles mehrmals versucht und habe alles richtig eingegeben. ich komme deswegen nicht weiter und ich weiß auch nicht woran es liegen könnte... Ich habe meine Browser neu installiert, Caches entleert usw und es funktioniert trotzdem nicht. Auf Firefox/ Chrome habe ich das auch probiert und habe dasselbe Problem.
    Ich habe einen Notebook und darauf ist das neuste Win 11 installiert, aber ich vermute mal dass das nichts mit Visual Studio Code zu tun hat.
    falls du das hier lesen solltest, dann würde ich mich auf eine Antwort sehr freuen.
    Sonnige grüße :)

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Vielen Dank für dein Feedback!
      Zu deiner Frage: In welche Taskleiste ziehst du die index.html? Mir ist das gerade nicht ganz klar was du damit meinst. Stehe etwas auf dem Schlauch 😂
      P.S.: Falls du Probleme mit der Live Preview Erweiterung hast, kann ich die Live Server Erweiterung empfehlen. Funktioniert im Grunde ähnlich nur das du dir die Website direkt im Browser anschaust.

  • @QuadronetDe_social
    @QuadronetDe_social 2 роки тому +1

    Wie wäre es mal mit einem Video über SFTP Upload und Download - Synchronisierung ? Beste Grüße!

  • @niklas4740
    @niklas4740 2 роки тому +1

    erster :)

  • @moritztritschler
    @moritztritschler Рік тому

    OALLES KLOAR

  • @Envision_
    @Envision_ Рік тому +1

    Ach du Grundgütiger.. dieser Dialekt. Sorry, geht gar nicht

    • @ProgrammierenMario
      @ProgrammierenMario  Рік тому +4

      Dennoch vielen Dank fürs reinschauen. Wünsche dir ein schönes Wochenende ✌️