PhpStorm FileWatcher konfigurieren
Die native Compass-Unterstützung von PhpStorm unterstützt leider nur eine config.rb. In einem Projekt mit mehreren Themes o.Ä. sollte deshalb manuell ein FileWatcher eingerichtet werden.
Compass Projekt erstellen
Über die Konsole in den gewünschten Ordner navigieren in dem später die Style-Dateien abgelegt werden sollen und dort den folgenden Befehl ausführen.
$ compass create --sass-dir "sass" --css-dir "css" --images-dir "img" # creates the following files and folders # STYLE_FOLDER/ # | # |-- config.rb # | # |-- css/ # |-- sass/ # |-- img/
Firefox Plugins
firesass((https://addons.mozilla.org/de/firefox/addon/firesass-for-firebug/?src=search)) für Firebug liefert Anstelle der CSS-Definition die SASS-Ursprungsdefinition und macht das Suchen in der Mutterdatei überflüssig. Zur Anzeige der SASS-Definition muss die CSS-Dateie mit –debu-info erzeugt werden.