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

Cursos Empresas Blog Live Conf Eventos Precios

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

Curso de Fundamentos de Sass: Crea tu Primera Landing Page

Clase 20 de 20

Clase 20 / 20

Comentarios (8)8 comentarios

Angel Bernechea

Hace 3 años

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

----- ----

Hace 4 años

Waos, interesante! Sería bueno corregir el bug donde salen clases que repetidas que no se pueden ver xd. Hasta una próxima oportunidad!

Libian María Hernández Gil

Hola. Aquí les comparto mi Landing page con diseño responsivo mobile first: https://libian19.github.io/eco-store-platzi/ Y mi Repositorio https://github.com/libian19/eco-store-platzi Recibo vuestras sugerencias.

Angie Alvarez

buenas acabo de terminar todo mi codigo en visual y cuando quiero verlo en la pagina me sale asi