Difference between revisions of "Compilar archivos Sass al grabar en Netbeans"
Jump to navigation
Jump to search
| Line 8: | Line 8: | ||
* Desmarcar la opción '''Generate extra information (Debug)''' (''En NetBeans 8 no aparece esta opción''). | * Desmarcar la opción '''Generate extra information (Debug)''' (''En NetBeans 8 no aparece esta opción''). | ||
* Presionar '''Apply''' y luego '''Ok'''. | * Presionar '''Apply''' y luego '''Ok'''. | ||
*: <code>/ | *: <code>/usr/local/bin/sass --compass</code> | ||
*: | *: | ||
*: [[FILE:Sass path.png|550px]] | *: [[FILE:Sass path.png|550px]] | ||
Latest revision as of 20:53, 18 October 2017
Netbeans nos provee de una forma fácil y rápida de compilar los archivos Sass, sin tener que ingresar comandos en la terminal para este fin.
Configuración
En Netbeans:
- Ir a Tools -> Options -> Miscellaneous (En NetBeans 8: Tools -> Options -> HTML5/JS).
- Al lado de Sass path presionar Search... Esto deberia automaticamente encontrar Sass. Luego de la ruta que aparece agregar un espacio y añadir --compass.
- Desmarcar la opción Generate extra information (Debug) (En NetBeans 8 no aparece esta opción).
- Presionar Apply y luego Ok.
/usr/local/bin/sass --compass
- Una vez hecho lo anterior, hacer click derecho sobre el proyecto en el que se desea configurar la compilación automática de Sass: Set configuration -> Customize -> CSS Preprocessor.
- Marcar la casilla Compile Sass on Save.
- En Watch aparece Input y Output. Debemos colocar en estos campos, la ruta donde se encuentran los archivos .scss (input) y donde debería estar el archivo .css resultante (output).
- Luego presionar Ok.
Habiendo seguido correctamente los pasos anteriores, al momento de salvar un archivo .scss, automaticamente se compilara y se actualizara el archivos .css correspondiente.