Instalar SASS en Windows

Hoy veremos como instalar SASS en Windows y como compilar ficheros scss a css.

Descargamos RubyInstaller para Windows http://rubyinstaller.org/downloads/

instalar sass en windows rubyinstaller

Una vez instalado podemos utilizar la consola de ruby para instalar sass y compass:

gem install sass
gem install compass

instalar sass en windows gem install

Cada vez que necesitemos compilar los cambios a CSS desde la consola de ruby ejecutamos el comando sass –watch estilos.scss:styles_compilados.css
en el directorio donde tengamos el fichero scss.

En teoría debería compilar automáticamente pero no lo llega a hacer. Lo mejor para compilar less o sass es usar Koala para Windows.

Cuando Koala detecte un cambio en un fichero SASS automáticamente lo va a compilar a CSS. Simplemente arrastramos la carpeta de nuestro proyecto a Koala.

instalar sass en windows koala

Si hacemos un cambio en estilos.scss podemos ver que ese cambio también se refleja en styles_compilados.css.

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

1 Comentario

  1. Buen día, es que estoy empezando con sass y le he instalado en windows 10, pero me genera el siguiente problema al momento de convertir de .sass a .css:
    D:\wamp64\www\proyecto\public\css>sass main.sass:main.css
    Errno::EACCES: Permission denied @ rb_sysopen – main.css
    Use –trace for backtrace.
    Si por favor, alguien me puede colaborar, muchas gracias.

    Responder

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *