Benoit Lepage 14 mars 2025

SASS, le commencement

Voici un guide simple pour installer Sass

Installation de Sass

  1. Installez Node.js sur votre ordinateur si ce n’est pas déjà fait.
    Vous pouvez le télécharger depuis le site officiel de Node.js.
  2. Ouvrez votre terminal (Invite de commande sur Windows ou Terminal sur Mac).
  3. Installez Sass globalement en utilisant npm (Node Package Manager) avec la commande suivante :
npm install -g sass

Utilisation de Sass

Une fois Sass installé, vous pouvez commencer à l’utiliser :

  1. Créez un dossier pour votre projet et naviguez vers ce dossier dans le terminal.
  2. Créez deux sous-dossiers : « sass » pour vos fichiers source Sass et « css » pour les fichiers CSS compilés.
  3. Créez un fichier Sass dans le dossier « sass », par exemple « style.scss ».
  4. Pour compiler votre fichier Sass en CSS, utilisez la commande suivante dans le terminal :
sass --watch sass:css

Cette commande surveille les changements dans vos fichiers Sass et les compile automatiquement en CSS.

Vérification de l’installation

Pour vérifier que Sass est correctement installé, vous pouvez exécuter la commande suivante dans le terminal :

sass --version

Cela affichera la version de Sass installée sur votre système.

Maintenant, vous êtes prêt à commencer à utiliser Sass dans vos projets.
N’oubliez pas que tout code CSS valide est également du code Sass valide, ce qui facilite la transition pour les débutants.

want more ?
http://cfitech-asbl.local/support-de-cours/sass-basique/

Documentation et fichiers