Installation [CSS (Cascading Style Sheet)]

Installation

Il existe plusieurs façon d'installer SASS sur son ordinateur. Etant donné que nous utilisons Node.js dans d'autres modules de la formation nous utiliserons donc SASS à l'aide de Node.js.

Installer :Node.js

Il faut maintenant ajouter le préprocesseur SASS à Node.js.

Dans votre terminal, vous ajoutez le package.

npm install -g sass

npm install -g sass

Méthode : Utilisation

Pour utiliser SASS, il faut définir le dossier dans lequel se trouve vos fichiers SCSS et celui dans lequel se trouve votre fichier CSS.

sass --watch dossierOrigine:dossierDestination

sass --watch dossierOrigine:dossierDestination

Exemple d'arborescence :

votreSite
  - css
  - scss

votreSite
  - css
  - scss

Ouvrez votre terminal dans le dossier votre site

sass --watch scss:css

sass --watch scss:css

Écrivez vos fichiers SCSS dans le dossier SCSS, ils seront automatiquement interprétés afin de créer les fichiers CSS dans le dossier CSS.

Exemple : Testez

Ouvrez un fichier style.scss dans le dossier SCSS

$couleur: #ccc;
body {
  background-color: $couleur;
}

$couleur: #ccc;
body {
  background-color: $couleur;
}

Vérifiez qu'un fichier style.css a été créé dans le dossier css.