Instalación y Configuración de Sass con Node.js

Curso de Fundamentos de Sass: Crea tu Primera Landing Page

Contenido del curso

Conociendo SASS

Instalación y configuración del entorno de trabajo

3
Instalación y Configuración de SAS en Visual Studio Code
07:53 min

Reglas y uso

Expresiones

8
Expresiones en CSS: Números, Strings, Colores y Booleanos
03:47 min

Proyecto: sección main

9
Sección hero con Flexbox y Sass
26:58 min

Herencia en SASS

Mixins

Funciones

15
Operadores y Funciones en SAS: Uso y Ejemplos Prácticos
03:40 min

Proyecto

Deploy

19
Publica tu sitio web gratis con GitHub Pages
02:24 min

Extras

20
Instalación y Configuración de Sass con Node.js
Viendo ahora

Tomar examen

Instrucciones para instalar y configurar Sass mediante Node.js

Abre una terminal y navega hasta la carpeta raíz de tu proyecto.

Asegúrate de tener Node.js instalado en tu sistema. Puedes verificarlo escribiendo node -v en la terminal. Si no lo tienes instalado, ve al sitio web oficial de Node.js para descargarlo e instalarlo.

Ejecuta el siguiente comando para instalar Sass a nivel global:

npm install -g sass

Ahora que tienes Sass instalado a nivel global, puedes compilar tus archivos Sass en CSS con el siguiente comando en la terminal:

sass input.scss output.css

Reemplaza "input.scss" con la ruta y el nombre de tu archivo Sass, y "output.css" con la ruta y el nombre de tu archivo CSS de salida. Por ejemplo:

sass styles/main.scss styles/main.css

Si quieres compilar automáticamente tus archivos Sass en CSS cada vez que hagas cambios, puedes usar la opción --watch:

sass --watch input.scss:output.css

Si estás utilizando Node.js en tu proyecto, también puedes usar un paquete de npm llamado sass para compilar tus archivos Sass en CSS. Para instalarlo, ejecuta el siguiente comando:

npm install sass

En tu archivo de configuración de Node.js (como package.json) agrega un script para compilar tus archivos Sass en CSS. Por ejemplo:

"scripts": {
  "build:css": "sass input.scss output.css"
}

Ahora puedes ejecutar el script con el siguiente comando:

npm run build:css

Eso es todo. Con estas instrucciones deberías poder instalar y configurar Sass en tu proyecto de Node.js.

Instalación y Configuración de Sass con Node.js

Angel Bernechea

Estudiante

pues yo me voy bien conforme con este curso parendi muchisimas cosas acerca de CSS con SASS incluso creo que me gustara mas por todas las oportundaders que ofrece