DEV Community

Cover image for Conociendo Sass
Greedyboy
Greedyboy

Posted on

Conociendo Sass

Aprendiendo Sass

Conociendo Sass

Sass es un preprocesador de CSS inicialmente diseñado por Hampton Catlin y desarrollado por Natalie Weizenbaum.​​
El cual nos permite usar caracteristicas presentes en lenguajes de programación, como Variables, Funciones, etc.

Instalación



Hace un tiempo la instalación de Sass era bastante complicada...

...¡Pero ya no! Sass se ha vuelto muy sencillo de instalar.

Nota: En esta guía obviamente utilizaremos un editor de código para llevar a la practica todo lo aprendido, en mi lugar utilizare Visual Studio Code , pero eres libre de usar el que prefieras, ya sea Sublime Text , Atom , etc.

Paso 1



El primer paso será ir a nuestro editor de código, como ya mencioné anteriormente, usaré visual studio code, este paso es muy intuitivo, simplemente abrimos el editor y listo.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jd2ysckb0f1red8wu9v8.png)

###
Paso 2

El segundo paso constará en abrir crear una carpeta y abrirla en visual studio code.

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8n8fzb2kfd0gaj7dqky0.png)

Y una vez hecho eso simplemente arrastraremos la carpeta a nuestro editor de código.
Tendremos lo siguiente:

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1p9gay4rzepyasdgavbj.png)

Daremos un click al icono de crear un archivo

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qn1ogvdtdlmqybfgoz5q.png)

y lo llamaremos main.sass

![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/srrx7iuz6lpynu9ddhtu.png)

Ahora simplemente daremos click al archivo y ya podremos editarlo.

###
Paso 3
Luego de esto haremos la combinación de teclas ``Ctrl + Ñ`` Con esto se abrira una terminal integrada en nuestro editor > Nota IMPORTANTISIMA: Tenemos que tener si o si instalado NodeJS para poder instalar sass, si no sabes donde instalarlo te lo dejo aqui https://nodejs.org/es/download/
Ahora simplemente (TENIENDO NODEJS INTALADO) pegamos el siguiente comando en la consola ```npm install -g sass```
Enhorabuena!! Ya tenemos Sass instalado Muchas gracias por llegar hasta aqui! Estos articulos me toman bastante tiempo para escribirlos y redactarlos, muchas gracias por leer! Recuerda Seguirme! https://linktr.ee/franciscode

Top comments (0)