Sublime Text 3 mit Sass Unterstützung

Question

Da Bootstrap von weniger zu sass geändert hat ... Ich muss jetzt sass verwenden. Ich kann irgendwie keine einfache Lösung für das automatische Vervollständigen und automatische Kompilieren beim Speichern von Sublime Text 3 finden.

Kennt jemand ein Plugin oder etwas, das mir diese Funktionen gibt?

Ich möchte in der Lage sein, anzugeben, wo die kompilierten CSS gehen soll, wo meine benutzerdefinierten Dateien sind und wo Bootstrap befindet. :)

Dank

Answer 1

kombiniere ich die SublimeOnSaveBuild und "Sass Build" Pakete. Dies wird automatisch (vorausgesetzt, Sie haben SASS auf Ihrem Computer) den Build beim Speichern vornehmen. Es gibt jedoch keine Optionen. Es baut einfach die CSS-Datei in dasselbe Verzeichnis (und mit demselben Dateinamen) wie die SCS-Datei.

Answer 2

Es gibt viele Tools, mit denen Sie CSS-Assets aus SASS-Dateien (einschließlich Bootstrap-SASS) erstellen können.

Von Sublime Text:

Sie eines der besser nutzen Ich habe gesehen, und verwendet: Syntax Highlighting for SASS

Ich nehme an, Sie wissen, wie Pakete in Sublime installieren (falls nicht, folgen Sie dieser Anweisung hier: https://sublime.wbond.net/installation)

Empfehlung:

bei der Arbeit mit SASS, habe ich immer rec Es empfiehlt sich, die Befehlszeile zum Kompilieren von SASS zu verwenden (mit einem Task-Runner wie Gulp, Grunt oder Webpack). In meinem täglichen Workflow verwende ich Gulp, Browsersync und Autoprefixer, wenn ich mit SASS-Assets arbeite.

Hoffe, dass hilft!

Answer 3

Ich bin mit @Carlos Bensant über die Verwendung der Befehlszeile während der Arbeit mit Sass, und alle Aufgabenläufer, die er vorschlägt, sind interessante Werkzeuge. Wenn Sie jedoch nicht mit einer Reihe von zusätzlichen Konfigurationen arbeiten möchten, die Sie vielleicht nicht brauchen, aber Sass zu CSS kompilieren möchten und die gesamte Prozesskontrolle haben, empfehle ich kaum die Verwendung von Compass. In der Datei config.rb legen Sie fest, wo sich Ihre Sass-, CSS-, Bilder- und JavaScript-Dateien befinden, welche Erweiterungen Sie benötigen, welche Syntax Sie bevorzugen, den Ausgabestil und vieles mehr.

Sie können auch überprüfen, fast and easy tutorial für den Einstieg und alles richtig installiert haben: D Compass ist wirklich einfach zu konfigurieren und zu verwenden!

Sie haben auch this Sublime Text-Plugin, das scheint wie Compass außer der Befehlszeile zu arbeiten, ich persönlich nie benutzt, aber ich werde es auch zu testen.

Hoffe, dass hilft!