CATALOGUE Code & Data Formation XHTML/CSS Maîtriser le préprocesseur CSS : LESS Installation et Utilisation de LESS avec Node.js et NPM

Installation et Utilisation de LESS avec Node.js et NPM

Installer Less : Node.js
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser le préprocesseur CSS : LESS
Revoir le teaser Je m'abonne
Transcription
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Processus d'Installation et de Compilation

Objectifs

Les objectifs de cette vidéo sont de montrer comment :

- Installer et configurer Node.js et NPM pour utiliser LESS.

- Compiler des fichiers LESS en CSS.

- Utiliser des options avancées comme source.map pour améliorer le débogage.

Résumé

Découvrez comment installer LESS via Node.js et NPM, et compilez vos fichiers LESS en CSS facilement.

Description

Dans cette leçon, nous explorons l'installation de LESS en utilisant Node.js et NPM. Vous apprendrez à :

- Installer Node.js sur différentes plateformes (Windows, macOS, Linux).

- Utiliser l'invite de commande pour naviguer vers le répertoire contenant vos fichiers LESS.

- Exécuter la commande lessc pour compiler un fichier LESS en feuille de style CSS.

- Comprendre les avantages et inconvénients de cette méthode de compilation, notamment la difficulté d'implémenter le watch.

- Utiliser l'option source.map pour améliorer le débogage avec les inspecteurs d'éléments des navigateurs.

Grâce à cette vidéo, vous maîtriserez les fondamentaux pour travailler avec LESS et Node.js, en optimisant votre flux de travail de développement front-end.

Voir plus

Questions - réponses

Pourquoi utilise-t-on Node.js pour installer LESS ?
Node.js permet de gérer facilement les paquets via NPM, facilitant l'installation et la mise à jour de LESS.
Quelle commande utilise-t-on pour compiler un fichier LESS en CSS ?
La commande utilisée est lessc fichier.less fichier.css.
Quel est l'avantage principal de l'option source.map ?
L'option source.map permet un débogage plus précis, en reliant les lignes de code CSS compilé aux lignes correspondantes dans le fichier LESS d'origine.