An Interest In:
Web News this Week
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
- April 17, 2024
Conociendo Sass
Aprendiendo Sass
Conociendo Sass
Sass es un preprocesador de CSS inicialmente diseado por Hampton Catlin y desarrollado por Natalie Weizenbaum.
El cual nos permite usar caracteristicas presentes en lenguajes de programacin, como Variables, Funciones, etc.
Instalacin
Hace un tiempo la instalacin de Sass era bastante complicada...
...Pero ya no! Sass se ha vuelto muy sencillo de instalar.
Nota: En esta gua obviamente utilizaremos un editor de cdigo 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 cdigo, como ya mencion anteriormente, usar visual studio code, este paso es muy intuitivo, simplemente abrimos el editor y listo.
Paso 2
El segundo paso constar en abrir crear una carpeta y abrirla en visual studio code.
Y una vez hecho eso simplemente arrastraremos la carpeta a nuestro editor de cdigo.
Tendremos lo siguiente:
Daremos un click al icono de crear un archivo
y lo llamaremos main.sass
Ahora simplemente daremos click al archivo y ya podremos editarlo.
Paso 3
Luego de esto haremos la combinacin 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!
Original Link: https://dev.to/franciscode/conociendo-sass-444k
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To