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

9

Unterstützt Sublime Text die Live-Bearbeitung von Dateien?

Ich 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 auf Vorschau speichern ..
Ich verwende das LiveReload Chrome-Plugin und je nach Projekt (Ruby oder JS) verwende ich Guard oder Grunt, um Systemdateien zu sehen. 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 Tools
** GUI Tools **: Ich habe von Tools wie Codekit und Hammer gehört. 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 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 der coolen Funktionen von Brackets auf Vanilla CSS und nicht auf Sass funktionieren) / p>

** Live Style : Ich habe es versucht, und ich kann es einfach nicht zum Laufen bringen.

Ich muss gegoogelt haben "Live Bearbeitung Sublime", "Live Refresh Codepen Sublime Text", etc .. ein tausend Mal in diesem Jahr und die Ergebnisse waren ziemlich mies.

Wenn jemand irgendwelche Edelsteine ​​von Informationen hat, beachten Sie, dass Sie dies bitte hinzufügen sollten!

    
GN. 14.11.2013, 18:09
quelle

1 Antwort

2

Ja, es ist alles, was Sie brauchen, ist Takana: Ссылка

Dieses Tool erstellt einen kleinen Server, der live mit dem geladenen CSS der Seite interagiert. Alles, was Sie brauchen, ist, den Server einzurichten und das JavaScript-Snippet zu Ihrem HTML-Code hinzuzufügen (Sie werden es offensichtlich danach entfernen ...). Vorerst nur OSX, Live-Bearbeitung funktioniert sogar in verschiedenen Browsern. Willkommen im tollen!

    
Flavien Volken 31.03.2014 06:15
quelle