Configurar PhpStorm para que compile SASS

Imagen
Un chico frente a un mac pensando

Si utilizamos PhpStorm para programar y en lugar de escribir css utilizamos SASS,  debemos configurarlo para que nos compile sass a css, son unos sencillos pasos:

1: Instalar el compilador scss "gem install scss".

2: Ir a la configuracion de los "File Watcher" en PhpStorm, para ello hay que ir a "Preferences -> Tools -> File Watchers".

3: Pulsamos en el icono "+" para crear uno nuevo y rellenar los campos disponibles como se muestra a continuacion:

Configuracion de scss en phpstorm

 

Y listo, con esto ya tenemos listo para que nos compile los archivos scss a archivos css, con la configuracion expuesta, nos creara una carpeta llamada css un nivel por debajo de donde tengamos el codigo sass y dentro los archivos css compilados.