Hallo,
ich würde mir gerne eine allumfassende Entwicklungsumgebung für Web-/ Frontententwicklung einrichten. Derzeit verwende ich Sublime 3 als Editor, habe meine Kunden als Projekte auf dem Computer gespeichert und lade die Daten per FTP beim Speichern dirkekt auf den Kundenserver. Danach lade ich die Seite im Browser neu und sehe dann meine Änderung. (finde ich umständlich)
Mein eigentliches Problem bezieht sich allerdings nicht so sehr auf die Frage nach der richtigen IDE (mir egal, ob Sublime, Eclipse, Dreamweaver oder oder oder).
Was mich viel eher interessiert, ist der richtige Umgang mit Node.js, browsersync, gulp und der Automatisierung von Prozessen wie allein schon die Synchronisierung verschiedener Browser und Live-Realod bei Veränderung von Dateien.
Browsersync (brwosersync.io) ist in der Lage den Browser zu synchronisieren, sobald Veränderungen an einer z.B.: css-Datei vorgenommen wurden. Allerdings ist das alles immer nur lokal oder einem lokalen Server möglich?! Da ich auf der Arbeit allerdings sehr viele Kunden habe und meine Dateien beim Speichern dirket per FTP auf der Kundenserver lade, weiß ich nicht, wie der Workflow hier laufen soll... Folgendes würde ich gerne automatisieren:
- Synchronisation von Browsern (browsersync?)
- Synchronisieren und Anzeigen verschiedener Endgeräte (Smartphone, Tablet) derzeit lösbar mit Adobe Edge (finde ich umständlich)
- Minifizieren und Concatinieren von CSS- und JS-Dateien (gulp?)
- hochladen der Daten auf den Kundenserver
Kann mir daher einer erklären, oder gute Tutorials aufzeigen, wo beschrieben ist, mit welchen Tools ich mir eine solche Umgebung aufbauen kann, da ich seltens lokal bei mir auf dem Rechner Entwickle? (Ich entwickle viel für Onlineshops und diese sind meist bereits beim Kunden auf dem Server installiert.)
Besten Dank,
DST
ich würde mir gerne eine allumfassende Entwicklungsumgebung für Web-/ Frontententwicklung einrichten. Derzeit verwende ich Sublime 3 als Editor, habe meine Kunden als Projekte auf dem Computer gespeichert und lade die Daten per FTP beim Speichern dirkekt auf den Kundenserver. Danach lade ich die Seite im Browser neu und sehe dann meine Änderung. (finde ich umständlich)
Mein eigentliches Problem bezieht sich allerdings nicht so sehr auf die Frage nach der richtigen IDE (mir egal, ob Sublime, Eclipse, Dreamweaver oder oder oder).
Was mich viel eher interessiert, ist der richtige Umgang mit Node.js, browsersync, gulp und der Automatisierung von Prozessen wie allein schon die Synchronisierung verschiedener Browser und Live-Realod bei Veränderung von Dateien.
Browsersync (brwosersync.io) ist in der Lage den Browser zu synchronisieren, sobald Veränderungen an einer z.B.: css-Datei vorgenommen wurden. Allerdings ist das alles immer nur lokal oder einem lokalen Server möglich?! Da ich auf der Arbeit allerdings sehr viele Kunden habe und meine Dateien beim Speichern dirket per FTP auf der Kundenserver lade, weiß ich nicht, wie der Workflow hier laufen soll... Folgendes würde ich gerne automatisieren:
- Synchronisation von Browsern (browsersync?)
- Synchronisieren und Anzeigen verschiedener Endgeräte (Smartphone, Tablet) derzeit lösbar mit Adobe Edge (finde ich umständlich)
- Minifizieren und Concatinieren von CSS- und JS-Dateien (gulp?)
- hochladen der Daten auf den Kundenserver
Kann mir daher einer erklären, oder gute Tutorials aufzeigen, wo beschrieben ist, mit welchen Tools ich mir eine solche Umgebung aufbauen kann, da ich seltens lokal bei mir auf dem Rechner Entwickle? (Ich entwickle viel für Onlineshops und diese sind meist bereits beim Kunden auf dem Server installiert.)
Besten Dank,
DST
Comment