Installer SASS

Cet article est très largement inspiré des consignes d’installation que vous trouverez directement sur le site de SASS. En effet, il s’agit d’une traduction en français avec quelques informations complémentaires.

Installation autonome

Une version autonome (standalone) de Sass est disponible pour Windows, Mac et Linux sous le nom de Dart Sass. Cette version ne nécessite aucune installation supplémentaire ou gestionnaire de paquets pour fonctionner.

Téléchargement de l’application

Téléchargez le logiciel en fonction de votre système d’exploitation à l’adresse suivante https://github.com/sass/dart-sass/releases/

Décompressez l’archive .zip et placez son contenu à l’emplacement de votre choix.

Enregistrement de l’application dans la variables d’environnement Path. Cette opération vous permettra de lancer la commande sass sans avoir à préciser l’emplacement du logiciel.

Suivez la procédure adaptée à votre système d’exploitation.

Windows 10

Cliquez sur le bouton Windows et recherchez dans la liste des applications Système Windows / Panneau de configuration.

Menu de Windows

Dans le panneau de configuration, cliquez sur l’option Système.

Fenêtre du panneau de configuration

Dans la fenêtre système, cliquez sur Paramètres système avancés :

Fenêtre des paramètres système

Dans la fenêtre Propriétés système, cliquez sur Variables d’environnement….

Fenêtres des Propriétés système

Dans la fenêtre Variables d’environnement, sélectionnez la variable Path puis cliquez sur le bouton Modifier…. Si la variable n’existe pas, créez une nouvelle variable avec le bouton Nouvelle….

Fenêtre variables d'environnement

Sélectionnez le dossier de votre installation SASS en cliquant sur le bouton Parcourir….

Validez avec OK.

Relancez votre terminal s’il était déjà ouvert.

Mac Os X

Lancez le Terminal.

Ouvrez le fichier .bash_profile de votre profil utilisateur avec un éditeur de texte afin de le modifier (pensez à personnaliser la partie votre-nom).

$ nano -w /Users/votre-nom/.bash_profile

Ajoutez la ligne suivante à la suite du contenu du fichier afin de préciser le chemin d’accès à votre installation.

export PATH="/Applications/Dart-sass/:$PATH"

Sauvegardez les modifications apportées au fichier .bash_profile avec le raccourci Ctrl + O et validez avec Y.

Redémarrer le terminal.

Linux

Lancez le Terminal.

Ouvrez le fichier .bashrc de votre profil utilisateur avec un éditeur de texte afin de le modifier

Ajoutez la ligne suivante à la suite du contenu du fichier afin de préciser le chemin d’accès à votre installation.

export PATH="/App/Dart-sass/:$PATH"

Sauvegardez les modifications apportées au fichier .bashrc.

Redémarrez le terminal.

Vérification

Vérifiez que tout fonctionne bien en saisissant, dans votre terminal, la commande suivante qui permet d’afficher la version de SASS qui est installée.

sass --version

Installation via Ruby (obsolète)

Pré-requis

Linux

Si vous utilisez une distribution Linux, vous allez devoir commencer par installer Ruby. Vous pouvez installer Ruby via votre gestionnaire de paquet : apt, rbenv ou rvm.

sudo su -c "gem install sass"

Windows

La première chose à faire avant l’installation de SASS est d’installer Ruby. La manière la plus simple est d’utiliser Ruby Installer. Téléchargez et installez la dernière version stable correspondant à votre système. Il s’agit d’une application très simple qui installera tout ce dont vous avez besoin en un click. L’installeur va également installer un terminal Ruby en ligne de commande qui vous permettra d’utiliser la librairie Ruby.

Mac

Sur MacOsX, Ruby est préinstallé. Vous n’avez donc rien à anticiper avant de commencer l’installation de SASS.

Installation de Sass

Nous allons maintenant utiliser la plus rapide des méthodes d’installation de SASS en utilisant les lignes de commande.

Ouvrez une fenêtre de Terminal ou d’invite de commande.

  • Sur Mac : l’application Terminal est installée par défaut. Elle est disponible dans le dossier /Applications/Utilitaires/.
  • Sur Windows : tapez  la commande cmd dans le champ Recherche de W10 (Exécuter pour les versions antérieures) qui s’affiche en bas du menu Démarrer.

Installation de  Sass

Ruby utilise Gems pour gérer les paquets de code comme SASS. Dans la fenêtre de votre terminal, saisissez le code suivant et validez.

gem install sass

Cet opération va installer SASS et ses dépendances pour vous. Si vous avez un message d’erreur, c’est que vous devez probablement utiliser la commande sudo pour lancer l’installation. Essayez plutôt le code suivante :

sudo gem install sass

Vérification

SASS a été installé, mais il est toujours préférable de vérifier. Dans la fenêtre de votre terminal, saisissez le code suivant et validez.

sass -v

Cela devrait vous affichez la version installée Sass 3.4.22 (Selective Steve).

C’est terminé, il ne vous reste plus qu’à profiter de SASS…

1 réaction sur “ Installer SASS ”

  1. Ping Configurer un projet Netbeans avec SASS – Web Formation