Ich habe eine Webseite erstellt und jetzt ist es "Feature-Complete". Als nächsten Schritt möchte ich etwas Stil hinzufügen.CSS Live-Bearbeitung - Play Framework
Das Projekt basiert auf dem Play-Framework und ich wähle SCSS als meine CSS-Alternative (mit einem SBT-Plugin zum Konvertieren von SCSS -> CSS).
Jedes Mal, wenn ich etwas CSS ändere, muss ich die Seite im Browser neu laden, was eine Weile dauert, sehen, ob ich es mag und behalten oder wiederherstellen. Dann fange neu an.
Dieser Workflow scheint mir nicht richtig. Wie style ich eine Webseite, die mit Play erstellt wurde (genauer gesagt: ich verwende Play-Vorlagen, damit ich nicht einfach jedes Stück HTML in einen CSS-Editor kopieren und alles von dort aus stylen kann)?
Der beste Weg, den ich gefunden habe, ist das CSS direkt in Chrome zu ändern, merken Sie sich die Änderungen und wenden Sie sie später auf die Quelldatei an.
Gibt es einen "automatischen" Weg, Dinge zu tun? Irgendwelche netten Editoren oder Browser-Plugins, die die Quelldatei direkt ändern? Was vermisse ich? Was tun andere Leute, die Play Framework (oder andere Templating-Systeme) benutzen?
Vielen Dank!
Ich hatte großen Erfolg mit Variationen von https://github.com/livereload/LiveReload. Abhängig von den verwendeten Tools gibt es viele verschiedene Möglichkeiten, sie in Ihren Workflow zu integrieren. – Henrik
Beachten Sie auch, dass Sie Ihren Arbeitsbereich zu Chrome hinzufügen können. Wenn Sie also einen Stil im Browser bearbeiten, wird auch die Quelldatei automatisch bearbeitet. Dies funktioniert jedoch nur mit reinem CSS. – rethab