Para utilizar este preprocesador es necesario instalar Node.js en nuestro entorno de trabajo. Para ello tendremos que descargár e instalar la versión correspondiente según nuestro sistema operativo.
A continuación tendremos que instalar Stylus desde nuestro terminal o línea de comandos en modo administrador, de la siguiente manera:
Ingresamos a la carpeta de instalación de node.js
Verificamos la versión que esta instalada de node.js escribimos el siguiente comando:
node -v
Luego digitamos los siguientes comandos:
npm install socket.ionpm install consolidate
npm install express g
npm install -g stylus
Con el prefijo -g indicamos que deseamos que Stylus funcione en cualquier ubicación de nuestro equipo.
Creamos en la carpeta de nuestro proyecto un archivo .styl y escribimos los estilos de nuestra pagina de la forma mas sencilla sin comas, puntos, dos puntos y puntos comas; lo mas importante es indexar el código para la compilar no traiga conflictos.
body
background-color blue
font-size 1.2em
margin 2em 5%
Por último, me queda explicar cómo tenemos que compilar este archivo .styl para convertirlo en un archivo corriente CSS.
Para ello tendremos que ir a nuestro terminal o a nuestra línea de comandos y ejecutar el siguiente código accediendo a la carpeta de nuestro proyecto:
