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.

phpstorm_scss_filewatcher

 

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.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.