Unterstützt Sublime Text Live-Bearbeitung von CSS/SASS-Dateien?

Question

Unterstützt Sublime Text Live-Bearbeitung von Dateien?

Ich bin auf der Suche nach einem besseren Workflow. Ich mag Sublime Text sehr, aber kürzlich wurde ich von den "Live Editing" Funktionen von Tools wie Codepen.io und (kürzlich getestet) Adobe Brackets verwöhnt. Wenn ich auf Sublime zurückgehe, wirkt sogar Live Reload im Vergleich klobig.

Live-Reload: Drücken Sie Speicher, um eine Vorschau ..
Ich bin mit der LiveReload Chrome-Plugin, und je nach Projekt (Rubin oder JS) Ich werde verwenden Wache oder Grunt Systemdateien zu beobachten. Ich mag LiveReload. Wenn ich jedoch auf "Speichern" in einer Datei drücke, um die Änderungen im Browser zu sehen, macht mich das verrückt. Selbst mit CSS-Style-Injection (kein vollständiger Browser-Reload) bin ich blind im Vergleich zu Codepen und Brackets, die während der Eingabe sofort aktualisiert werden.

Andere Werkzeuge
** GUI Tools **: Ich habe gehört, von Tools wie Codekit und Hammer. Bitte korrigiert mich, wenn ich falsch liege, aber sie scheinen genau das zu tun, was Gaurd und Grunt tun - außer keiner Befehlszeile.

** Chome Tools Spaces **: Die Fähigkeit, Sass im Browser zu bearbeiten, ist cool. Ich habe das eingerichtet, aber ich benutze es selten. Bearbeiten von HTML/CSS/Sass in Sublime Text ist Chrome Tools in jeder Hinsicht überlegen. Und bis zu diesem Punkt ist es Adobe Brackets weit überlegen, weshalb ich es (zu diesem Zeitpunkt) nicht in Betracht ziehe, es zu verwenden (Auch scheint es, dass die meisten coolen Features von Brackets auf Vanilla CSS und nicht auf Sass funktionieren).

** Live Style: Ich habe es versucht, und ich kann es einfach nicht funktionieren.

Ich muss Googled "Live-Bearbeitung Sublime", "Live Refresh Codepen Sublime Text", etc .. a tausend Mal in diesem Jahr und die Ergebnisse sind ziemlich lausig gewesen.

Wenn jemand irgendwelche Edelsteine ​​der Information hat, betrachten Sie dieses, um diesen BITTE ZU BELIEGEN!

Answer 1

Ja, es funktioniert, alles, was Sie brauchen, ist takana: https://github.com/mechio/takana

Dieses Tool erstellt einen kleinen Server, der in Wechselwirkung tritt, die leben, um die geladenen CSS der Seite. Alles, was Sie brauchen, ist den Server einzurichten und das JavaScript-Snippet zu Ihrem HTML-Code hinzuzufügen (Sie werden es offensichtlich danach entfernen ...). Nur für OSX funktioniert Live-Bearbeitung sogar in verschiedenen Browsern. Willkommen zum Großartigen!