Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Sass

Installer Ruby et Sass

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Sass est une bibliothèque écrite en Ruby. Avant d'installer Sass, vous devrez installer l'environnement Ruby.

Transcription

Avant de pouvoir utiliser Sass sur votre ordinateur, vous allez devoir l'installer. Et la première chose que je vous propose de faire, c'est tout simplement de vérifier si ça, ce n'est pas déjà installé sur votre ordinateur. Alors, pour vérifier cela, si vous êtes sur Linux ou sur Macintosh, je vous propose d'ouvrir l'application « terminal », et puis, si vous travaillez sur Windows, vous allez ouvrir maintenant une invite de commande, et puis, dans cette invite de commande ou dans ce terminal, vous allez taper la commande « sass » et puis, l'option « -v », cette option vous permet, en fait, de demander à la commande « sass » de vous dire quelle est la version de cette com,ande qui est installée sur l'ordinateur. Et quand je lance cette commande, vous voyez que j'ai un message d'erreur « command not found ». Ça, c'est une indication très claire, qu'en fait, la bibliothèque Sass, la commande « sass » n'est pas encore installée sur cette machine. Je vais me rendre sur le site de Sass qui est « sass-lang.com » et cliquer sur ce lien « Install » pour avoir des instructions quant à l'installation de Sass sur mon ordinateur. Alors, pour installer Sass j'ai plusieurs options possibles. Vous remarquez au passage que ce site n'est disponible qu'en anglais, mais vous allez voir que c'est de l'anglais très facile. Je peux, d'abord, installer des applications, en effet, Sass est inclu dans certaines applications, et vous avez ici une liste non exhaustive de ces applications. Si vous installez sur votre système l'une de ces applications, Sass est inclu dans ces applications. Vous voyez que certaines sont payantes, d'autres sont « Open Source », certaines ne tournent que sur Macintosh ou d'autres sur Mac et Windows, parfois aussi pour Linux, bref, vous choisirez celle qui vous convient et si vous installez ceci, Sass sera installé avec. Vous avez également une autre façon d'installer Sass, c'est avec la ligne de commande, là nous allons installer la bibliothèque Sass directement sur le système, c'est ça que je vous propose de faire dans cette vidéo. Alors, si vous êtes sur Linux, vous devrez d'abord installer « Ruby » avant d'installer Sass. Si vous êtes sur Windows, vous devez également d'abord installer « Ruby ». Par contre, si vous êtes sur Macintosh, là, il n'y a pas de problème puisque « Ruby » est préinstallé sur les systèmes Macintosh, vous êtes, donc, directement capable d'installer Sass. Qu'est-ce que c'est que ce « Ruby » ? Je vais me rendre ici, sur le site de « Ruby », c'est « ruby-lang.org », cette fois-ci il a été traduit en français, « /fr » pour la version française. « Ruby », c'est un langage de programmation l'environnement dans lequel a été développé Sass. Pour pouvoir exécuter cette commande Sass, vous avez besoin d'un environnement « Ruby » qui soit opérationnel sur votre machine. Si vous êtes sur Linux, vous allez cliquer ici, sur « Télécharger Ruby » et vous aurez toutes les informations nécessaires pour pouvoir installer « Ruby » sur votre distribution Linux, et puis, si vous êtes sur Windows, vous avez ici un autre site qui s'appelle « RubyInstaller.org » et qui vous permet de télécharger un paquet d'installations directement exécutable sur Windows, faites simplement « Suivant, suivant, suivant » et vous allez installer un environnement « Ruby » sur votre système Windows. Alors, en ce qui me concerne, j'ai un environnement « Ruby » qui est opérationnel sur mon système Mac. Pour savoir lequel, je vais tout simplement taper « Ruby » cette fois-ci, « -v » pour obtenir la version Ruby qui est installée sur cette machine, et vous voyez que j'ai un « ruby 2.0 », version 648, c'est la version « Ruby » qui est préinstallée avec mon système Mac. Je vais maintenant revenir sur le site de Sass pour savoir comment installer Sass une fois que « Ruby » est opérationnel. Pour ça vous allez voir que c'est assez simple. Vous devez tout simplement taper « gem install sass » dans un terminal ou dans une invite de commande Windows. Et puis, si ça ne marche pas, si vous avez un message d'erreur, c'est probablement que vous n'avez pas les droits d'installation, et puis, vous devez utiliser la commande « sudo ». Donc, ça devient « sudo gem install sass », alors, sur Windows, à ce moment-là, vous devrez faire un clic droit sur votre invite de commande dans le menu démarré et demander d'exécuter cette invite de commande en tant qu'administrateur, c'est ça qui remplacera le « sudo » que vous utiliserez, par contre, sur Macintosh et sur Linux. On va essayer de voir si ça fonctionne sur notre système Mac, je vais faire un petit « clear » pour nettoyer ici ma console, et puis, je vais faire « gem install sass », comme ceci. Voyez que j'obtiens une erreur, je n'ai pas la permission d'installer ceci je vais faire « sudo gem install sass », j'ai besoin des droits d'administrateur. Je vais taper mon mot de passe « administrateur » pour ça. Maintenant, vous voyez qu'on a correctement installé Sass ici, sur cette machine, c'est la version 3.4.23 de Sass, d'ailleurs, maintenant, si je fais « sass -v », regardez, dans ma console je n'obtiens plus une erreur mais bel et bien le fait que je viens installer et j'utilise sur cet ordinateur la version 3.4.23 qui s'appelle également « Selective Steve », c'est son petit nom. Voilà, Sass est maintenant opérationnel sur mon système. Je vous invite à installer Sass sur votre système également avant de passer à la vidéo suivante.

L'essentiel de Sass

Abordez et intégrez Sass dans votre flux de travail. Découvrez les options pour compiler votre code Sass en CSS, passez en revue les mécanismes pour le réutiliser, etc.

2h59 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Sass Sass 3.4.22
Spécial abonnés
Date de parution :25 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !