Blog / Article #40

Configurer le watcher de PhpStorm sur Windows pour les SCSS avec Compass

Configurer le watcher de Phpstorm pour le SCSS avec Compass

En principe quand je suis sur du frontend et que j'envoie des grands coups de SCSS, j'ouvre un terminal dans le fichier qui va bien et je lance un bon vieux compass watch. Mais a force de voir PhpStorm me dire que si j'ai envie je peux, utiliser un watcher embarqué, je me suis dit que c'était pas beaucoup plus con. Par contre j'ai eu un peu de mal à faire fonctionner tout ça et comme je suis pas à l'abris de devoir recommencer sur un autre poste ou pour un autre projet, voila comment faire, ça sera du temps de gagné ! #argent ^^

Y a plus qu'a copier coller !

• Filetype : SCSS
• Scope : Project Files
• Program : C:\Ruby21-x64\bin\compass.bat
• Arguments : compile -c $FileParentDir$/config.rb
• Working Directory : $FileParentDir$
• Environment variables : rien
• Output paths to refresh : $FileNameWithoutExtension$.css

Ca doit donner ça :

Performances

Pour ce qui est des performances je n'ai pas vraiment mesuré, mais à vue d’œil si je n'irais pas jusqu’à dire que c'est plus rapide, je ne dirais pas non plus que c'est plus lent. Personnellement j'ai surtout changé de méthode pour le coté pratique.

Collaboration

En allant chercher le compass.bat, ca fait bien le job, si quelqu'un a une autre technique, je veux bien qu'il me l'envoie par mail, je la rajouterais peut être si elle fonctionne bien. Voila !