Home | Clases | Sass y SCSS | Instalación

Instalación


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


Fecha de publicación: 15/04/2019
Asignaturas: aplicaciones webdiseño de interfaces web
Temas: css css3 sass scss less preprocesadores
Utilizamos cookies propias y de terceros para mejorar su experiencia en la navegación. Al seguir navegando entendemos que acepta su uso.
Si lo desea, consulte nuestras políticas de privacidad y cookies
ENTENDIDO
[X] Cerrar

Contacta conmigo


[X] Cerrar

Acceso alumnos