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

Cursos Empresas Blog Live Conf Precios

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:54 min

Reglas y uso

Expresiones

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

Proyecto: sección main

9
Estilos CSS para Sección Principal en Figma y HTML
26:59 min

Herencia en SASS

Mixins

Funciones

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

Proyecto

Deploy

19
Publicación de Proyectos con GitHub Pages
02:25 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

Conociendo SASS

Desarrollo de Páginas Web con SAS para Principiantes

Funcionamiento y ventajas de los preprocesadores CSS

Instalación y configuración del entorno de trabajo

Instalación y Configuración de SAS en Visual Studio Code

Reglas y uso

Variables y Estructura de Hojas de Estilos en SAS

Selectores CSS y Variables en SAS: Aplicación Práctica

Estructura HTML y CSS para Proyectos Web en Visual Studio Code

Uso de Nesting y Ad Rules en SAS para Modularizar CSS

Expresiones

Expresiones en CSS: Números, Strings, Colores y Booleanos

Proyecto: sección main

Estilos CSS para Sección Principal en Figma y HTML

Herencia en SASS

Uso de Herencia en SAS para Estilos Reutilizables

Estilos CSS y Herencia en Proyectos Web con Figma y VS Code

Manipulación de Flexbox para Diseño de Tarjetas en CSS

Mixins

Uso de Mixins en SAS para Simplificar Estilos en CSS

Implementación de Mixins en Visual Studio Code con Flexbox y SAS

Funciones

Operadores y Funciones en SAS: Uso y Ejemplos Prácticos

Proyecto

Estilos CSS para Sección "Por Qué Nosotros" en HTML

Estilos y Animaciones en Galerías con Figma y CSS

Estilos CSS para Sección de Ubicación y Footer en HTML

Deploy

Publicación de Proyectos con GitHub Pages

Extras

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