Configuration de Pycharm pour utiliser Compass

J’ai voulu tester récemment le framework Python Django et comme une nouveauté en amène une autre je me suis dit pourquoi ne pas se former à SASS et Compass par la même occasion.

En essayant de faire fonctionner PyCharm avec Compass, j’ai eu quelques soucis.

Je n’aborderais pas ici l’installation de Ruby, SASS et Compass, mais seulement la configuration de PyCharm.

Après avoir lancé celui-ci ouvrez votre projet et dirigez-vous dans File/Settings…/.

Dans la configuration de votre projet, cherchez Compass Support.

Cochez la case Enable Compass support et en mettez en Compass executable file le fichier suivant (à adapter) : C:\Program Files (x86)\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2\bin\compass

J’ai pas mal galéré à ce stade puisque par défaut le fichier sélectionné est celui-ci : C:\Program Files (x86)\Ruby200\bin\compass

Vérifiez donc bien ce point avant de continuer.

Le champ config path contient le chemin vers le fichier générer par la commande pour créer votre projet Compass (compass init ou compass create). J’obtiens : D:\Projets\Python\DjangoTest\html\config.rb

Ouvrez l’un des fichiers .scss créé par Compass (de préférence contenant un @import comme screen.scss).

Deux box doivent pop, vous invitant à créer un watcher pour SCSS et Compass. Cliquez sur Dismiss pour le premier et Add watcher pour le second.

Dans la fenêtre de config qui s’affiche vérifiez de bien avoir : C:\Program Files (x86)\Ruby200\bin\compass.bat dans Program (attention la aussi au lien). J’ai aussi dû pour ma part modifier Arguments par cette ligne : compile $FileDirName$\$FileName;

Pycharm devait maintenant pouvoir compiler automatiquement vos fichiers .scss en .css à chaque changement de ceux-ci.

Ces autres articles devraient aussi vous intéresser :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*