Entornos de desarrollo
Como hemos comentado anteriormente, se requiere de un pre-procesado para poder utilizar archivos SASS, SCSS o LESS en nuestro sitio web.
Para el presente curso, partimos de la base de tener instalado y funcionado el entorno de desarrollo gratuito
NetBeans IDE 8.2 en Windows 10 al menos con su
bundle HTML5/Javascript.
De no ser así, accede al
Área de descargas de NetBeans 8.2, selecciona el
bundle HTML5/Javascript adecuado a tu sistema operativo e instálalo en tu ordenador.
Adicionalmente y dadas las limitaciones de NetBeans, por ejemplo en la falta de sintaxis de Sass, se recomienda la instalación del IDE
JetBrains WebStorm, mucho más avanzado aunque de pago después de un mes de prueba.
Para instalarlo, accede a la
Página Oficial de JetBrains WebStorm, descarga e instala el programa en tu ordenador. Dispones de 30 días de prueba.
Instalación
Existen dos maneras de llevar acabo dicha tarea:
1. Mediante el uso de aplicaciones gratuitas o de pago.
Es mas sencillo empezar pero más complejo de integrar en nuestros entornos de desarrollo:
2. Mediante la línea de comandos.
Es más complejo de configurar pero mucho más sencillo de integrar después en nuestros entornos de desarrollo.
Para ello, debemos instalar SASS o LESS (o ambos) en nuestro equipo. Si bien se puede descargar SASS (SCSS está incluido dentro de SASS) directamente desde su
GitHub, lo mas recomendable y compatible hoy en día es usar el entorno de ejecución para Javascript
Node.js para la instalación de paquetes de terceros, ya que si bien es algo más lento, se está convirtiendo en un estándar.
Por tanto, accede a
Node.js, descarga e instala (con las opciones por defecto) la última versión de tipo
LTS (
Long Term Support) que encuentres.
Una vez instalado
Node.js, accede a una Consola de Windows y ejecuta lo siguiente (el parámetro -g hará que la instalación sea global, esto es, que podamos usar el programa desde cualquier ubicación):
npm install -g sass
npm install -g node-sass
npm install -g less
Cuando terminen ambos procesos, puedes comprobar que se han instalado correctamente con los comandos:
sass --version
lessc --version
Referencias