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écharger le logiciel en fonction de votre système d’exploitation à l’adresse suivante https://github.com/sass/dart-sass/releases/

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

[uix_toggle style=’horizontal’ tabs=’1′ effect=’1′]
[uix_toggle_item tabs=’1′]
[uix_toggle_item_title]Windows 10[/uix_toggle_item_title]
[uix_toggle_item_title]Mac Os X[/uix_toggle_item_title][uix_toggle_item_title]Linux[/uix_toggle_item_title]
[/uix_toggle_item]
[uix_toggle_group]
[uix_toggle_item_content]

  1. Cliquez sur le bouton Windows et recherchez dans la liste des applications Système Windows / Panneau de configuration.
  2. Cliquez sur l’option Système.
  3. Cliquez sur Paramètres système avancés :
  4. Cliquez sur Variables d’environnement….
  5. 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….
  6. Ajoutez le chemin d’accès au dossier de votre installation SASS en cliquant sur le bouton Nouveau.
  7. Validez avec OK.
  8. Pensez à relancer votre terminal si vous l’aviez déjà lancé.

[/uix_toggle_item_content]

[uix_toggle_item_content]

  1. Ouvrez votre Terminal.
  2. 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
  3. Ajoutez une nouvelle ligne  export PATH="/Chemin_acces_a_sass:$PATH" à la suite du fichier avec le chemin d’accès à votre installation. Exemple :export PATH="/Applications/Dart-sass/:$PATH"
  4. Sauvegardez les modifications apportées au fichier .bash_profile  avec le raccourci Ctrl + O et validez avec Y.
  5. Redémarrer le terminal.

[/uix_toggle_item_content]

[uix_toggle_item_content]

  1. Ouvrez votre Terminal.
  2. Ouvrez le fichier .bashrc de votre profil utilisateur avec un éditeur de texte afin de le modifier
  3. Ajoutez une nouvelle ligne  export PATH="/Chemin_acces_a_sass:$PATH" à la suite du fichier avec le chemin d’accès à votre installation. Exemple :
    export PATH="/App/Dart-sass/:$PATH"
  4. Sauvegardez les modifications apportées au fichier .bashrc.
  5. Redémarrer le terminal.

[/uix_toggle_item_content]
[/uix_toggle_group]
[/uix_toggle]

Vérifiez que tout fonctionne bien en saisissant, dans votre terminal, la commande suivante permettant 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…

Cela peut vous intéresser :

1 réaction sur “ Installer SASS ”

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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.