Vielen Dank Mario! Ich bin ja schon eine ganze Weile ganz angetan von deinen Tutorials! Die sind auch für schon bekannte Themen recht lehrreich. Und dieser Tipp ist echt der Oberknaller! Du hast es gesagt, alle anderen Versuche, PHP im LiveServer ans rennen zu bekommen, war bisher Frikelkram. Diese Extension scheint wirklich brauchbar zu sein.
Ganz schön bequem bei Dir. Da brauch ich mich nicht selbst schlau zu machen, denn sollte was Neues - Wichtiges sein, dann wirst Du es schon mitteilen. Dafür herzlichen Dank Mario
Hallo Vince, mir ist diese Erweiterung wie gesagt nur durch Zufall über den Weg gelaufen. Aber bei meiner Videofrequenz (1 Video je Woche) ist nicht viel Spielraum für News-Videos. Da möchte ich lieber Tutorials machen. Nutzt du PHP für deine Projekte? Grüße ;)
@@ProgrammierenMario Ich habe keine Ahnung von PhP und derzeit versuche ich JS zu verstehen, womit ich enorm Mühe habe. Ich warte auf ein PhP - Video von Dir aber ich denke das ich mich unbedingt darin schlau machen muss. LiebGruss Vince
Gerade auf dem MAc mit Hombrew installiert. Beim Ausführungsversuch Info im Browser ---> which php in Terminal um den Pfad auf dem Mac zu bekommen. So in die Config gepackt und es funktioniert! Vielen Dank Mario
Danke dir, echt nochmal besser wie das herkömmliche Live Server AddOn. Hoffentlich wird es auch möglichst lange weitergepflegt, das ist noch meine einzige Sorge.
Deine Videos helfen mir sehr. Mit PHP muss ich mich zwangsläufig auseinander setzen. Die eigenprogrammierte Homepage vom Verein besteht überwiegend aus php Dateien.
Ich hab mir VSCode gestern installiert und mich da mal durchgewurschtelt und habe mich heute gefragt wat dieser PHP-Live-Server sein soll ... Flugs kommt der Mario mit nem Video dazu. Top 👌👍
Danke Bruder! Endlich kann ich PHP in Visual Studio Code ausführen! Ich hoffe dein Kanal kriegt noch richtig Reichweite, denn man lernt echt viel bei dir :)
bin blutiger Anfänger und sauge regelrecht deine videos rein , erstmal Danke dafür. Alles klappt soweit, bin stolz auf dich, nur mit dem einbinden mit php und five will nichtbei mir klappen. Habe mir auch xampp installiert,aber nööö. Bis zum root: geht alles gut aber dann ist der wurm drin. Wenn du eine Lösung hättest wäreich sehr froh, denn xampp ist auch neuland. Besten Dank. Mach weiter so und lass es bei mir bimmeln. grins.
Vielen lieben Dank. Du kannst dir auch einfach PHP herunterladen in einen Ordner entpacken und in der config Datei vom Fiveserver den Pfad zur php.exe angeben. Zumindest habe ich es so gemacht. xampp usw. brauchst du dafür nicht wirklich. Ich hatte es nur mit erwähnt für den Fall des es welche schon verwenden.
Hey. Bin der Entwickler von Five Server. Würde mich sehr freuen, wenn du deine Erfahrungen mit mir teilen könntest um die Erweiterung noch besser zu machen. Vorallem im Bereich PHP (ich kann kein PHP). Danke und LG Yannick
Hi Yannick, bei mir funktioniert es leider nicht (weiß nicht, ob es an XAMPP liegt), obwohl ich eigentlich den korrekten Pfad: C:\\xampp\\php\\php.exe in die fiveserver.config.js eingetragen habe!🤨
Bei mir funktioniert es ganz gut, aber ich muss es immer abspeichern damit sie aktualisiert wird, also instant editieren geht bei mir nicht und das hightligt auch nicht. Könnte aber daran liegt, dass ich die Datei über die index.php erst includiere. # Mein Verbesserungsvorschlag wäre, dass man noch ein vHOST angeben könnte. Wäre es nicht auch möglich die js Datei in den .vscode auszulagern? Für mich gehört sie einfach nicht zum Projekt. Ansonsten vielen Dank für deine Arbeit. Großartig!
Ich arbeite erste seit wenigen Tagen mit Visual Studio und PHP. Dein Video hat mich auf den FiveServer aufmerksam gemacht. Der FiveServer läuft nach einigem üben auch inzwischen. Allerdings klappt das Highlighten nicht. Beim Navigieren mache ich evtl. noch was falsch. Gibt es inzwischen ein Problem, z.B. mit dem gewählten Theme oder mit Chrome? Ich wäre Dir für eine Antwort sehr dankbar!
Ein Problem ist mir derzeit leider nicht bekannt. Ich habe diese Erweiterung aber auch schon eine weile nicht mir genutzt. Kann daher nichts genaueres sagen.
Tolles Video! Funktioniert FiveServer mit DDEV? Gibt es da einen Pfad zu PHP? 'which php' zeigt mir den Pfad /opt/hombebrew/bin/php an, aber hier funktionieren die htacces Dateien nicht
DDEV habe ich aktuell immer noch nicht verwenden dürfen, bzw. ich bin noch nicht dazu gekommen mir das mal anzuschauen. Für komplexere Projekte nutzen wir ein oder mehrere Docker-Instanzen welche wir händisch konfigurieren. Wäre natürlich sehr interessant wenn man das alles mit dem Five Server kombinieren könnte 🤔
Hallo Mario. Super Video. Hat mir sehr geholfen. Kannst du mir sagen, warum css nicht ausgeführt wird? Ich greife remote auf meinen webserver zu, aber über den Port 5555 geht css nicht, sondern nur auf 80 ...
Leider nicht, bei CSS und JavaScript erst nach dem Speichern wie sonst auch. Zumindest bei meinem jetzigen Kenntnisstand, aber vllt. kommt es ja noch. :)
Hallo Mario, interessantes Video, der five Server funktioniert wie im Video beschrieben. Leider zeigt er mir nicht die Hervorhebungen im Browser, wenn die Daten in einem Unterverzeichnis (wie dist) liegen. Das finde ich schade, denn ich arbeite auch mit tailwinds und da ist das quasi die Standardeinstellung. Mache ich da was falsch oder muss noch was eingetragen werden?
Das tut mir leid. Konnte es bisher noch nicht mit Tailwind testen. Du kannst aber das root Verzeichnis anpassen. Wie gesagt die Erweiterung befindet sich natürlich noch in Entwicklung und es werden bestimmt noch Verbesserungen kommen.
Wahrscheinlich hat sich das Tool einfach weiterentwickelt. Das Tutorial ist ja schon einige Zeit her und leider habe ich diese Erweiterung nicht täglich im Gebrauch. Vllt. schaust du hier nochmal rein --> marketplace.visualstudio.com/items?itemName=yandeu.five-server
Hey Mario, Danke für das Tutorial, funktioniert aber nur beschränkt. Denn z.B. PHP Includes von anderen Dateien funktioniert bei mir absolut gar nicht, nur die 0815 Befehle, bringt mir aber im Endeffekt im Einsatz nichts. Ich entwickele auf einem lokalen Webserver (Intel NUC mit Apache2) und finde keine Lösung, wie ich das zum laufen bekomme, dass er mir auch die verschiedenen Dateien via include lädt, hast Du das versucht??
Ja für komplexe PHP Projekte funktioniert das so Out-of-the-Box nicht. Das ist eher um kleine PHP Dateien schnell zu bearbeiten. Der five server stellt keinen kompletten PHP Server bereit. Du konntest es aber mit einem verknüpfen --> github.com/yandeu/five-server-with-php
@@ProgrammierenMario Yes !!! Genau das habe ich gesucht. Ich starte den Five Server und binde das JS lediglich im ein, danach tut er bei jeglichen Änderungen direkt ein Auto-Reload erzeugen, perfekt !!! Das habt hier mein Workflow auf einen ganz neuen Level, danke 🙂
Hallo Mario. Wenn ich mit dem Five Server mit Javascript ein Cookie schreiben will gelingt mir das nicht, dieses Cookie mit PHP auszulesen, obwohl ich PHP im Five Server aktiviert habe. Ich kann auch kein Cookie mit PHP setzen im Five Server. Es kommt die Fehlermeldung: PHP Warning: Cannot modify header information - headers already sent by... Ist dir da von einem Problem bekannt bzw. dass eine bestimmte Einstellung irgendwo vorgenommen werden muss ?
Hi Peter, ich verwende den Five Server leider nicht sooo oft. Also nein bekannt ist mir das Problem nicht. Müsste ich mir erst anschauen ob ich das gleiche Problem habe.
Was mich interessieren würde: In Verbindung mit "SyncSettings" wird ja auch der "FiveServer" synchronisiert und damit auch die "settings.json". Dort ist u.a. auch der Pfad zu php.exe & php.ini abgelegt. Das führt (bei mir zumindest) bei mehreren Geräten (bei mir 4) zu Problemen, da die Pfade, je nach Gerät, immer anders sind. Kann man "FiveServer"-Profile anlegen und wenn ja: wie?
Gute Frage! Würde mich ehrlich gesagt auch interessieren. Ich habe es bisher noch nicht getestet. Aber müsste es nicht funktionieren wenn du es in die Settings vom Workspace mit rein nimmst? So kannst du für jedes Gerät unterschiedliche Einstellungen haben.
Hallo Mario, nun habe ich aber doch eine Frage, wenn ich den PHP Live Server verwende, dann bekomme ich ohne zu speichern die Fehlermeldung ' Failed to open stream:', hast du da eine Erklärung. Speichere ich die Datei, dann klappt es. Grüsse Dany
Diese Fehlermeldung deutet immer darauf hin das eine Ressource nicht gefunden oder geladen werden konnte. Bindest du bei dir eine Datei ein, bzw. öffnest du eine Datei in deinem Quelltext welche sich vllt. außerhalb des Projektes befindet? Es könnte sein das der Live Server keine Berechtigung hat diese zu lesen, wenn sich die Datei woanders befindet.
Hey Mario, kann mit mit Five immer nur einen ordner im Arbeitsbereich haben? Ich meine weil wenn ich Open Five server clicke immer nur die index.html des obersten ordners geöffnet wird und nicht die des eigentlichen ordners, an dem man arbeitet.
Hallo Toriko, du kannst so viele Ordner in deinem Projekt haben wie du möchtest. Beim starten des Five Servers wird immer eine index.html zuerst geöffnet, kannst du aber in den Settings einstellen welche das sein soll. Die restlichen kannst du ja aber dann im Browser manuell ansteuern über die URL falls du keine Navigation hast etc. Oder du aktivierst die automatische Navigation vom Five Server, mit module.exports = { injectBody: true, navigate: true, }
Ich hatte ein Icon. Wenn ich nun die htmlseite mit five server öffne, ist nun das Icon vom five server (so eine 5) und nicht mehr das eigene. Kann ich das umgehen?
Meinst du das favicon? Das wird wenn dann nur temporär angezeigt, wenn du den five server verwendest. Da dies nur lokal bei der Entwicklung ist sollte dies nicht weiter stören.
Hey Mario, vielen Dank erst einmal für das Video. Die Features sind echt klasse. Allerdings habe ich das Problem, dass ich mich an das Video gehalten haben und folgende Fehlermeldung bekomme: 404 page not found oder: Can't access files outside of root. Jetzt weis ich nicht, was ich machen soll. =) Vielleicht stelle ich mich aber auch einfach blöd an.
Dann wird wohl eine deiner Projektdateien auf eine Ressource außerhalb des Projektordners zugreifen wollen. Da fehlt dem Live Server natürlich dann die Berechtigung darauf zuzugreifen. Es ist grundsätzlich besser alles beisammen im Projektordner zu haben.
PHP ist für mich Neuland. Jetzt wollte ich den Five Server einmal ausprobieren. Der funktioniert so weit auch ganz gut. Aber die Übergabe von Formularinhalten scheint nicht so ganz zu klappen. Ich habe mal ein Beispiel auf das Allernötigste reduziert (Ich weiß, dass man Variablen vorher definieren sollte). Beim Aufruf meiner Beispieldatei "formular.php" über den FiveServer Port 5555 bekomme ich im Browser die Fehlermeldung: "stderr: PHP Warning: Undefined array key ... bla bla ...".
Allerdings funktioniert die kleine PHP-Datei tadellos wenn ich sie aus dem htdocs-Verzeichnis mit dem XAMPP Apache Server (der läuft bei mir auf den Standardports) über localhost:80/formular.php aufrufe. Ich bin der Meinung, ich hätte alles so konfiguriert wie es sein muss. Was fehlt da noch?
Meinst du direkt beim Schreiben? Nun wie bei CSS macht das leider nicht so viel Sinn. Bei JS würden dann ständig Syntax Fehler kommen solange du mit deiner Anweisung noch nicht fertig bist. Deswegen wird es erst nach jedem Speichern der Datei automatisch aktualisiert.
Alles mögliche: Sublime Text, Atom, VS Code, Texteditor, UltraEdit, Brackets, Notepad++, Vim, NetBeans, Dreamweaver usw. Beruflich nutze ich jedoch IntelliJ IDEA 😉
Moin Mario, ich bekomm n Horn. VS Code läuft bei mir nicht vernünftig, bzw ständig mit sämtlichen Plugins Probleme. Habe alles nochmal neu installiert inkl VS Code. Dann nur den Five Server drauf. Wenn ich wie im Beispiel vom Five Server auf dem Desktop einen www-Ordner erstelle und dort eine index.html Datei hinterlege, ist es wie in allen meinen Arbeitsordnern auch. Über den Browser wird dann der ganze Pfad aufgerufen inkl der root-Tilde "~ / c: / Users / username / Desktop / www". oder mit der html-Datei am Ende. Im Browser wird mir dann ein 403 Fehler angezeigt. Ich habe bisher nirgends im Web dazu eine Lösung gefunden. Vielleicht kann mir da jemand weiterhelfen. Hab ekeinen Bock mehr....! grrrr
Hi, generell habe ich so ziemlich alle Standardeinstellungen beim VS Code, bis auf wenige ausnahmen. Vllt. hast du bei den Settings versehentlich irgendetwas zerschossen. Leider wird bleibt diese auch bei Neuinstallation erhalten. Gehe mal in die Settings, wähle hier den Reiter User und dann klicke mal rechts oben bei VS Code auf das Icon "Open Settings (JSON)". Ist so ein Datei Icon mit einem Pfeil. Nun lösche den kompletten Inhalt der Datei, speicher und starte VS Code nochmal neu. Vllt. hilft das bei dir schon ;) PS.: Wenn du den Five Server verwendest, dann unbedingt den Live Server deaktivieren oder deinstallieren. Beides läuft nebenher nicht und könnte zu Fehlern führen.
@@ProgrammierenMario Danke, Du bist mein Held. Hatte beim ersten Mal alles rausgelöscht was grau unterlegt war. Also quasi alles komplett löschen, dann klappts auch mit dem Maschinchen. FRAGE 2: Hatte vorher den Live Server mit dem Sass Compiler laufen. Wollte aber sass-Dateien bearbeiten, also nicht scss, sondern sass. Das scheint damit jetzt wieder nicht zu funktionieren, dafür hätt ich den Sass Compiler gebracht, den man mit dem Five SErver aber abstellen muss. Gibt's eine Alternative dafür?
Hi! Ja es gibt Alternativen bzgl. SASS/SCSS Compiler. Dies über eine Extension zu machen ist zwar die einfachste Lösung aber nicht immer die Beste. Du kannst dir auch via npm ein Projekt einrichten und dir z.B. das Paket "node-sass" installieren. Damit kannst du ebenfalls via terminal deine SASS/SCSS Dateien in CSS kompilieren. Um das zu automatisieren bei der Entwicklung ist das "nodemon" Paket ganz gut. Vllt. sollte ich darüber mal ein Tutorial machen. Habe schon lange nichts mehr mit SASS/SCSS gemacht :)
Was ich noch gefunden habe, wenn du dennoch dein SASS über eine VS Code Erweiterung kompilieren möchtest. Es gibt noch eine andere, aktuellere Erweiterung --> marketplace.visualstudio.com/items?itemName=glenn2223.live-sass Die Erweiterung welche ich in meinem SASS Tutorial verwendet hatte ist mittlerweile veraltet und könnte schon allein deswegen Fehler produzieren und nicht einwandfrei laufen.
Nun der Fehler wird dir ja nun angezeigt. $theme gibt es nicht. Die muss ja irgendwo herkommen bzw. sollte vorher irgendwo deklariert/initialisiert werden. Zusätzlich kannst du in deiner if Bedingung auch prüfen ob es die Variable auch gibt, bevor du prüfst ob das Bild vorhanden ist. Dann wird in beiden Fällen der else Zweig genommen wenn dies nicht so ist.
Also, bei mir funktioniert rein gar nichts!!!!!!!!!!! Wenn ich mein Live Server starten will und auf "GO LIVE" klicke, dann kommt folgende Meldung: Five Server: running at: > Network: 192.168.178.20:5555 > Local: localhost:5555 dann öffnet sich eine Seite 404. Vorher, also auf Live Server, den ich jetzt wegen Five Server deaktiviert habe, kam folgende Meldung: Ivalid Path in LiveServer.settings.root.live server will serve from workspace root, und es öffnet sich eine Seite mit "ERROR"!!!!! Pease help mir. ich kriege den Scheiß nicht hin (schon der zweite Tag heut) Danke! Gruß, Michael
Also wenn bei mir gar nichts mehr funktioniert, dann sichere ich mir alle Einstellungen welche in der Settings.json Datei liegen. Darin sind alle User Einstellungen enthalten welche von den Default Werten abweichen. Unter Windows findest du die Datei unter --> C:\Users\DEINBENUTZER\AppData\Roaming\Code\User Wenn du den Inhalt der Datei gesichert hast, dann lösche den Inhalt und speichere. Dann versuche dein Glück erneut. Wenn alles funktioniert kannst du nach und nach deine alten Einstellungen wieder rein nehmen. Versuche den Fehler einzugrenzen. Falls das nicht hilft entferne mal alle anderen Extensions und versuche dein Glück. Hin und Wieder führen andere Erweiterungen auch zu Fehlern.
Vielen Dank Mario! Ich bin ja schon eine ganze Weile ganz angetan von deinen Tutorials! Die sind auch für schon bekannte Themen recht lehrreich. Und dieser Tipp ist echt der Oberknaller! Du hast es gesagt, alle anderen Versuche, PHP im LiveServer ans rennen zu bekommen, war bisher Frikelkram. Diese Extension scheint wirklich brauchbar zu sein.
Hallo Ralf, da bin ich ganz bei dir. Für kleine Lokale Projekte oder einfach für Lernzwecke ideal.
Ganz schön bequem bei Dir. Da brauch ich mich nicht selbst schlau zu machen, denn sollte was Neues - Wichtiges sein, dann wirst Du es schon mitteilen. Dafür herzlichen Dank Mario
Hallo Vince, mir ist diese Erweiterung wie gesagt nur durch Zufall über den Weg gelaufen. Aber bei meiner Videofrequenz (1 Video je Woche) ist nicht viel Spielraum für News-Videos. Da möchte ich lieber Tutorials machen. Nutzt du PHP für deine Projekte?
Grüße ;)
@@ProgrammierenMario Ich habe keine Ahnung von PhP und derzeit versuche ich JS zu verstehen, womit ich enorm Mühe habe. Ich warte auf ein PhP - Video von Dir aber ich denke das ich mich unbedingt darin schlau machen muss. LiebGruss Vince
Megaaaaaa, habe immer mit dem normalen "Live Server" gearbeitet!
✌️🙂
Mega Top, Vielen Dank für die Tipps. Das hat mir sehr weitergeholfen. Mach weiter so
Sehr interessant mal wieder, gleich mal getestet, läuft super. Vielen Dank Mario!
Immer wieder gerne!
Gerade auf dem MAc mit Hombrew installiert. Beim Ausführungsversuch Info im Browser ---> which php in Terminal um den Pfad auf dem Mac zu bekommen. So in die Config gepackt und es funktioniert! Vielen Dank Mario
Freut mich das sich auch mal ein Mac-User meldet. Konnte es mangels Hardware leider nicht selbst testen. :)
Danke dir, echt nochmal besser wie das herkömmliche Live Server AddOn. Hoffentlich wird es auch möglichst lange weitergepflegt, das ist noch meine einzige Sorge.
Deine Videos helfen mir sehr. Mit PHP muss ich mich zwangsläufig auseinander setzen. Die eigenprogrammierte Homepage vom Verein besteht überwiegend aus php Dateien.
Ich wünsche dir viel Erfolg. :)
Eine durchaus praktische Erweiterung, die sehr viel Zeit während der Entwicklung spart. Vielen Dank Mario!
Gern geschehen ✌️🙂
Ich hab mir VSCode gestern installiert und mich da mal durchgewurschtelt und habe mich heute gefragt wat dieser PHP-Live-Server sein soll ... Flugs kommt der Mario mit nem Video dazu. Top 👌👍
Freut mich wenn es bei dir so super gepasst hat ✌️🙂
Supergeil!!! Du bist der Beste!!!
Ach Quatsch! ...freut mich trotzdem^^
Jawollo. ENDLICH eine gute Lösung! 👍
Yippie-ya-yay :)
Vielen Dank Mario! Super Video! Der Akzent killt mich aber einfach 😀
Nun dann erhole dich einfach etwas bevor du ein weiteres Video von mir in Angriff nimmst xD
Oberknaller 😂
Danke für dein Video. Hebt die Five Server features toll hervor! 😍
Vielen Dank fürs reinschauen! Freut mich sehr das es dir gefällt :)
Danke Bruder! Endlich kann ich PHP in Visual Studio Code ausführen! Ich hoffe dein Kanal kriegt noch richtig Reichweite, denn man lernt echt viel bei dir :)
Freut mich! Vielen Dank ✌️
genail...DANKE! Ich geb dir auch gerne 2 Daumen :)
Einer reicht. Den anderen brauchst du doch um dein Getränk zu halten 👍
Hallo Mario, top Sache wie immer, das erleichtert mir vollends die Arbeit danke danke danke
Sehr gerne 👍
Vielen Dank für Deine Videos!
Vielleicht hast du ja mal Lust eine CRUD-Tutorial Reihe zu machen. Das würde super an dein SQL Video anknüpfen.
Danke für deinen Input. Sicherlich wird in dieser Richtung auch was kommen. ✌️
Sehr guter Tipp! Vielen Dank und weiter so!
Gern geschehen :)
coole sache :)
Vielen Dank ✌️
held 👍 tolles hilfreiches video
Freut mich, danke ✌️🙂
cool
✌️🙂
bin blutiger Anfänger und sauge regelrecht deine videos rein , erstmal Danke dafür. Alles klappt soweit, bin stolz auf dich, nur mit dem einbinden mit php und five will nichtbei mir klappen. Habe mir auch xampp installiert,aber nööö. Bis zum root: geht alles gut aber dann ist der wurm drin. Wenn du eine Lösung hättest wäreich sehr froh, denn xampp ist auch neuland. Besten Dank.
Mach weiter so und lass es bei mir bimmeln. grins.
Vielen lieben Dank. Du kannst dir auch einfach PHP herunterladen in einen Ordner entpacken und in der config Datei vom Fiveserver den Pfad zur php.exe angeben. Zumindest habe ich es so gemacht. xampp usw. brauchst du dafür nicht wirklich. Ich hatte es nur mit erwähnt für den Fall des es welche schon verwenden.
@@ProgrammierenMario das werde ich dann mal versuchen Danke
Mario - Du bist gut - Danke
✌️🙂
Danke, gutes video!
Sehr gerne 🙂
Danke ! ein CRUD mit LOGIN als ADMIN und USER von Scratch mit allem drum und dran wäre geil lg
czcams.com/video/RGxhve3D03c/video.html
Gute Arbeit, Mario. Noch ein Tip: Gönn dir mal eine Pause und schone deine Augen.
Herzlichen Dank! Ja ich sollte vermutlich öfters mal weg vom Bildschirm 😂
heftigeee haare lass mal so
😂
Hey. Bin der Entwickler von Five Server. Würde mich sehr freuen, wenn du deine Erfahrungen mit mir teilen könntest um die Erweiterung noch besser zu machen. Vorallem im Bereich PHP (ich kann kein PHP).
Danke und LG
Yannick
Gerne, dann müsste ich mir die Erweiterung wohl noch etwas genauer anschauen^^
@@ProgrammierenMario Thx 😊
Respekt, längst überfällig so'n Feature, nur dass es bei mir trotz js.Datei irgendwie nicht instant auf dem OSX funzt :(
Hi Yannick, bei mir funktioniert es leider nicht (weiß nicht, ob es an XAMPP liegt), obwohl ich eigentlich den korrekten Pfad: C:\\xampp\\php\\php.exe in die fiveserver.config.js eingetragen habe!🤨
Bei mir funktioniert es ganz gut, aber ich muss es immer abspeichern damit sie aktualisiert wird, also instant editieren geht bei mir nicht und das hightligt auch nicht.
Könnte aber daran liegt, dass ich die Datei über die index.php erst includiere.
# Mein Verbesserungsvorschlag wäre, dass man noch ein vHOST angeben könnte. Wäre es nicht auch möglich die js Datei in den .vscode auszulagern? Für mich gehört sie einfach nicht zum Projekt. Ansonsten vielen Dank für deine Arbeit. Großartig!
Ich arbeite erste seit wenigen Tagen mit Visual Studio und PHP. Dein Video hat mich auf den FiveServer aufmerksam gemacht. Der FiveServer läuft nach einigem üben auch inzwischen. Allerdings klappt das Highlighten nicht. Beim Navigieren mache ich evtl. noch was falsch. Gibt es inzwischen ein Problem, z.B. mit dem gewählten Theme oder mit Chrome? Ich wäre Dir für eine Antwort sehr dankbar!
Ein Problem ist mir derzeit leider nicht bekannt. Ich habe diese Erweiterung aber auch schon eine weile nicht mir genutzt. Kann daher nichts genaueres sagen.
Tolles Video! Funktioniert FiveServer mit DDEV? Gibt es da einen Pfad zu PHP?
'which php' zeigt mir den Pfad /opt/hombebrew/bin/php an, aber hier funktionieren die htacces Dateien nicht
DDEV habe ich aktuell immer noch nicht verwenden dürfen, bzw. ich bin noch nicht dazu gekommen mir das mal anzuschauen. Für komplexere Projekte nutzen wir ein oder mehrere Docker-Instanzen welche wir händisch konfigurieren. Wäre natürlich sehr interessant wenn man das alles mit dem Five Server kombinieren könnte 🤔
Hallo Mario. Super Video. Hat mir sehr geholfen. Kannst du mir sagen, warum css nicht ausgeführt wird? Ich greife remote auf meinen webserver zu, aber über den Port 5555 geht css nicht, sondern nur auf 80 ...
Hmm, sehr schwierig hier einen Tipp zu geben. Mir sind da leider zu viele Faktoren unbekannt 🤷♂️
Nicht zu viel versprochen! Bin Überrascht und Begeistert :)
Freut mich sehr das es dir gefallen hat 🙂
Hallo Mario. Vielen Dank für deine echt klasse Videos. Geht das auch, dass CSS und JS Änderungen gleich beim Eintippen angezeigt werden ?
Leider nicht, bei CSS und JavaScript erst nach dem Speichern wie sonst auch. Zumindest bei meinem jetzigen Kenntnisstand, aber vllt. kommt es ja noch. :)
gulp.js ermöglicht dir das mit CSS.
Hallo Mario, interessantes Video, der five Server funktioniert wie im Video beschrieben. Leider zeigt er mir nicht die Hervorhebungen im Browser, wenn die Daten in einem Unterverzeichnis (wie dist) liegen. Das finde ich schade, denn ich arbeite auch mit tailwinds und da ist das quasi die Standardeinstellung. Mache ich da was falsch oder muss noch was eingetragen werden?
Das tut mir leid. Konnte es bisher noch nicht mit Tailwind testen. Du kannst aber das root Verzeichnis anpassen. Wie gesagt die Erweiterung befindet sich natürlich noch in Entwicklung und es werden bestimmt noch Verbesserungen kommen.
Hallo Mario,
also bei mir funktioniert das nicht obwohl ich deine Anweisungen Punkt für Punkt gefolgt bin. Woran kann das liegen? Gruß, Michael
Wahrscheinlich hat sich das Tool einfach weiterentwickelt. Das Tutorial ist ja schon einige Zeit her und leider habe ich diese Erweiterung nicht täglich im Gebrauch.
Vllt. schaust du hier nochmal rein --> marketplace.visualstudio.com/items?itemName=yandeu.five-server
Hey Mario, Danke für das Tutorial, funktioniert aber nur beschränkt. Denn z.B. PHP Includes von anderen Dateien funktioniert bei mir absolut gar nicht, nur die 0815 Befehle, bringt mir aber im Endeffekt im Einsatz nichts. Ich entwickele auf einem lokalen Webserver (Intel NUC mit Apache2) und finde keine Lösung, wie ich das zum laufen bekomme, dass er mir auch die verschiedenen Dateien via include lädt, hast Du das versucht??
Ja für komplexe PHP Projekte funktioniert das so Out-of-the-Box nicht. Das ist eher um kleine PHP Dateien schnell zu bearbeiten. Der five server stellt keinen kompletten PHP Server bereit. Du konntest es aber mit einem verknüpfen --> github.com/yandeu/five-server-with-php
@@ProgrammierenMario Yes !!! Genau das habe ich gesucht. Ich starte den Five Server und binde das JS lediglich im ein, danach tut er bei jeglichen Änderungen direkt ein Auto-Reload erzeugen, perfekt !!! Das habt hier mein Workflow auf einen ganz neuen Level, danke 🙂
Freut mich ✌️🙂
Hallo Mario. Wenn ich mit dem Five Server mit Javascript ein Cookie schreiben will gelingt mir das nicht, dieses Cookie mit PHP auszulesen, obwohl ich PHP im Five Server aktiviert habe. Ich kann auch kein Cookie mit PHP setzen im Five Server. Es kommt die Fehlermeldung: PHP Warning: Cannot modify header information - headers already sent by... Ist dir da von einem Problem bekannt bzw. dass eine bestimmte Einstellung irgendwo vorgenommen werden muss ?
Hi Peter, ich verwende den Five Server leider nicht sooo oft. Also nein bekannt ist mir das Problem nicht. Müsste ich mir erst anschauen ob ich das gleiche Problem habe.
Was mich interessieren würde: In Verbindung mit "SyncSettings" wird ja auch der "FiveServer" synchronisiert und damit auch die "settings.json". Dort ist u.a. auch der Pfad zu php.exe & php.ini abgelegt. Das führt (bei mir zumindest) bei mehreren Geräten (bei mir 4) zu Problemen, da die Pfade, je nach Gerät, immer anders sind. Kann man "FiveServer"-Profile anlegen und wenn ja: wie?
Gute Frage! Würde mich ehrlich gesagt auch interessieren. Ich habe es bisher noch nicht getestet. Aber müsste es nicht funktionieren wenn du es in die Settings vom Workspace mit rein nimmst? So kannst du für jedes Gerät unterschiedliche Einstellungen haben.
Hallo Mario, nun habe ich aber doch eine Frage, wenn ich den PHP Live Server verwende, dann bekomme ich ohne zu speichern die Fehlermeldung ' Failed to open stream:', hast du da eine Erklärung. Speichere ich die Datei, dann klappt es.
Grüsse Dany
Diese Fehlermeldung deutet immer darauf hin das eine Ressource nicht gefunden oder geladen werden konnte. Bindest du bei dir eine Datei ein, bzw. öffnest du eine Datei in deinem Quelltext welche sich vllt. außerhalb des Projektes befindet? Es könnte sein das der Live Server keine Berechtigung hat diese zu lesen, wenn sich die Datei woanders befindet.
Hey Mario, kann mit mit Five immer nur einen ordner im Arbeitsbereich haben? Ich meine weil wenn ich Open Five server clicke immer nur die index.html des obersten ordners geöffnet wird und nicht die des eigentlichen ordners, an dem man arbeitet.
Hallo Toriko, du kannst so viele Ordner in deinem Projekt haben wie du möchtest. Beim starten des Five Servers wird immer eine index.html zuerst geöffnet, kannst du aber in den Settings einstellen welche das sein soll. Die restlichen kannst du ja aber dann im Browser manuell ansteuern über die URL falls du keine Navigation hast etc.
Oder du aktivierst die automatische Navigation vom Five Server, mit
module.exports = {
injectBody: true,
navigate: true,
}
Wie soll die manuell angesteuerte ip über den browser lauten?
Kriege nur error 404 weil da steht:
127.0.0.1:5555 +( vollständiger pfad zur index.html)
Na zum Beispiel:
127.0.0.1:5555/deinOrdner/datei.html
Ich hatte ein Icon. Wenn ich nun die htmlseite mit five server öffne, ist nun das Icon vom five server (so eine 5) und nicht mehr das eigene. Kann ich das umgehen?
Meinst du das favicon? Das wird wenn dann nur temporär angezeigt, wenn du den five server verwendest. Da dies nur lokal bei der Entwicklung ist sollte dies nicht weiter stören.
@@ProgrammierenMario ok
Hey Mario, vielen Dank erst einmal für das Video. Die Features sind echt klasse. Allerdings habe ich das Problem, dass ich mich an das Video gehalten haben und folgende Fehlermeldung bekomme: 404 page not found oder: Can't access files outside of root. Jetzt weis ich nicht, was ich machen soll. =) Vielleicht stelle ich mich aber auch einfach blöd an.
Dann wird wohl eine deiner Projektdateien auf eine Ressource außerhalb des Projektordners zugreifen wollen. Da fehlt dem Live Server natürlich dann die Berechtigung darauf zuzugreifen. Es ist grundsätzlich besser alles beisammen im Projektordner zu haben.
@@ProgrammierenMario meiner Meinung nach ist alles in dem Ordner drin.
My Five Server is not autoreloaded after save... Could you have any idea what is a problem? Thanks.
For PHP or in general?
PHP ist für mich Neuland. Jetzt wollte ich den Five Server einmal ausprobieren. Der funktioniert so weit auch ganz gut. Aber die Übergabe von Formularinhalten scheint nicht so ganz zu klappen. Ich habe mal ein Beispiel auf das Allernötigste reduziert (Ich weiß, dass man Variablen vorher definieren sollte). Beim Aufruf meiner Beispieldatei "formular.php" über den FiveServer Port 5555 bekomme ich im Browser die Fehlermeldung: "stderr: PHP Warning: Undefined array key ... bla bla ...".
Allerdings funktioniert die kleine PHP-Datei tadellos wenn ich sie aus dem htdocs-Verzeichnis mit dem XAMPP Apache Server (der läuft bei mir auf den Standardports) über localhost:80/formular.php aufrufe.
Ich bin der Meinung, ich hätte alles so konfiguriert wie es sein muss. Was fehlt da noch?
Müsste ich mit erstmal anschauen ob ich das bei mir reproduzieren kann.
Hammer, allerdings klappts bei mir trotz .js Code nicht instant. sehr seltsam...ob's da vllt ein Unterschied zu OSX gibt? Ansonsten echt klasse Video
Meinst du direkt beim Schreiben? Nun wie bei CSS macht das leider nicht so viel Sinn. Bei JS würden dann ständig Syntax Fehler kommen solange du mit deiner Anweisung noch nicht fertig bist. Deswegen wird es erst nach jedem Speichern der Datei automatisch aktualisiert.
@@ProgrammierenMario ja auf jeden Fall schon ne gute Sache. Habs mit dem PHP jetzt auch zum laufen bekommen.Vielen Dank für den Unterricht
Welche anderen IDEs hast du denn schon ausprobiert? Wir sind großer Fan von PHP Storm.
Alles mögliche: Sublime Text, Atom, VS Code, Texteditor, UltraEdit, Brackets, Notepad++, Vim, NetBeans, Dreamweaver usw.
Beruflich nutze ich jedoch IntelliJ IDEA 😉
@@ProgrammierenMario Aber IntelliJ und PHP Storm kommen ja sehr nah aneinander ran.
Richtig. Da wir aber auch viele Java Entwickler haben, bekommt einfach jeder die IntelliJ Ultimate Edition. Da kannst ja alles mit machen.
Moin Mario, ich bekomm n Horn. VS Code läuft bei mir nicht vernünftig, bzw ständig mit sämtlichen Plugins Probleme. Habe alles nochmal neu installiert inkl VS Code. Dann nur den Five Server drauf. Wenn ich wie im Beispiel vom Five Server auf dem Desktop einen www-Ordner erstelle und dort eine index.html Datei hinterlege, ist es wie in allen meinen Arbeitsordnern auch. Über den Browser wird dann der ganze Pfad aufgerufen inkl der root-Tilde "~ / c: / Users / username / Desktop / www". oder mit der html-Datei am Ende. Im Browser wird mir dann ein 403 Fehler angezeigt. Ich habe bisher nirgends im Web dazu eine Lösung gefunden. Vielleicht kann mir da jemand weiterhelfen. Hab ekeinen Bock mehr....! grrrr
Hi, generell habe ich so ziemlich alle Standardeinstellungen beim VS Code, bis auf wenige ausnahmen. Vllt. hast du bei den Settings versehentlich irgendetwas zerschossen. Leider wird bleibt diese auch bei Neuinstallation erhalten. Gehe mal in die Settings, wähle hier den Reiter User und dann klicke mal rechts oben bei VS Code auf das Icon "Open Settings (JSON)". Ist so ein Datei Icon mit einem Pfeil. Nun lösche den kompletten Inhalt der Datei, speicher und starte VS Code nochmal neu. Vllt. hilft das bei dir schon ;)
PS.: Wenn du den Five Server verwendest, dann unbedingt den Live Server deaktivieren oder deinstallieren. Beides läuft nebenher nicht und könnte zu Fehlern führen.
@@ProgrammierenMario Danke, Du bist mein Held. Hatte beim ersten Mal alles rausgelöscht was grau unterlegt war. Also quasi alles komplett löschen, dann klappts auch mit dem Maschinchen.
FRAGE 2: Hatte vorher den Live Server mit dem Sass Compiler laufen. Wollte aber sass-Dateien bearbeiten, also nicht scss, sondern sass. Das scheint damit jetzt wieder nicht zu funktionieren, dafür hätt ich den Sass Compiler gebracht, den man mit dem Five SErver aber abstellen muss. Gibt's eine Alternative dafür?
Hi! Ja es gibt Alternativen bzgl. SASS/SCSS Compiler. Dies über eine Extension zu machen ist zwar die einfachste Lösung aber nicht immer die Beste.
Du kannst dir auch via npm ein Projekt einrichten und dir z.B. das Paket "node-sass" installieren. Damit kannst du ebenfalls via terminal deine SASS/SCSS Dateien in CSS kompilieren. Um das zu automatisieren bei der Entwicklung ist das "nodemon" Paket ganz gut. Vllt. sollte ich darüber mal ein Tutorial machen. Habe schon lange nichts mehr mit SASS/SCSS gemacht :)
Was ich noch gefunden habe, wenn du dennoch dein SASS über eine VS Code Erweiterung kompilieren möchtest. Es gibt noch eine andere, aktuellere Erweiterung --> marketplace.visualstudio.com/items?itemName=glenn2223.live-sass
Die Erweiterung welche ich in meinem SASS Tutorial verwendet hatte ist mittlerweile veraltet und könnte schon allein deswegen Fehler produzieren und nicht einwandfrei laufen.
@@ProgrammierenMario Ja, das wäre eine super Idee Mario!
in "C:\\php-8.1.3\\php.exe" in VSC konfiguriert
php: "C:\\xampp\\php\\php.exe" in VSC konfiguriert - beides funktioniert nun bestens
Nun der Fehler wird dir ja nun angezeigt. $theme gibt es nicht. Die muss ja irgendwo herkommen bzw. sollte vorher irgendwo deklariert/initialisiert werden. Zusätzlich kannst du in deiner if Bedingung auch prüfen ob es die Variable auch gibt, bevor du prüfst ob das Bild vorhanden ist. Dann wird in beiden Fällen der else Zweig genommen wenn dies nicht so ist.
krass...
...so isses 😄
höhö,... jetzt heißt er genau andersrum... Live Server (Five Server)... Ver0.1.11 ;)
Vielen Dank für die Info ✌️
Ich korrigiere mich, es wäre bequem ;-) Nr. Five is not alive :-(
Ach den Film kenn ich auch noch :)
Was funktioniert denn bei dir nicht?
@@ProgrammierenMario Der Fehler lag bei mir. Es funktioniert also einwandfrei und ist eine coole Extension, Danke Mario
Alles klar, freut mich das es bei dir funktioniert. Viel Spaß ✌️🙂
Also, bei mir funktioniert rein gar nichts!!!!!!!!!!!
Wenn ich mein Live Server starten will und auf "GO LIVE" klicke, dann kommt folgende Meldung:
Five Server: running at:
> Network: 192.168.178.20:5555
> Local: localhost:5555
dann öffnet sich eine Seite 404.
Vorher, also auf Live Server, den ich jetzt wegen Five Server deaktiviert habe, kam folgende Meldung:
Ivalid Path in LiveServer.settings.root.live server will serve from workspace root, und es öffnet sich eine Seite mit "ERROR"!!!!!
Pease help mir. ich kriege den Scheiß nicht hin (schon der zweite Tag heut)
Danke!
Gruß, Michael
Also wenn bei mir gar nichts mehr funktioniert, dann sichere ich mir alle Einstellungen welche in der Settings.json Datei liegen. Darin sind alle User Einstellungen enthalten welche von den Default Werten abweichen.
Unter Windows findest du die Datei unter --> C:\Users\DEINBENUTZER\AppData\Roaming\Code\User
Wenn du den Inhalt der Datei gesichert hast, dann lösche den Inhalt und speichere.
Dann versuche dein Glück erneut. Wenn alles funktioniert kannst du nach und nach deine alten Einstellungen wieder rein nehmen. Versuche den Fehler einzugrenzen.
Falls das nicht hilft entferne mal alle anderen Extensions und versuche dein Glück. Hin und Wieder führen andere Erweiterungen auch zu Fehlern.
@@ProgrammierenMario Ich danke dir, Mario!