CATALOGUE Code & Data Formation XHTML/CSS Maîtriser le préprocesseur CSS : LESS Utilisation de Sublime Text pour la Compilation LESS

Utilisation de Sublime Text pour la Compilation LESS

Installer Less : Smart install avec Sublime text
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
Cette leçon fait partie de la formation
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Installation et Configuration de Smart LESS Build

Objectifs

L'objectif de cette vidéo est de démontrer comment utiliser Sublime Text pour automatiser la compilation de fichiers LESS en CSS, tout en créant des maps source pour un développement plus efficace.

Résumé

Cette vidéo explique comment utiliser Sublime Text pour compiler des fichiers LESS en CSS sans avoir recours à Node.js ou NPM.

Description

Dans cette leçon, nous explorons l'utilisation de Sublime Text pour automatiser la compilation de fichiers LESS en CSS. Vous apprendrez à installer et configurer le plugin Smart LESS Build, lequel permet de générer des fichiers CSS et leurs correspondantes maps source directement depuis vos fichiers LESS. Le processus inclut des étapes simples : accéder à Préférences, Package Control, puis Install Package, et rechercher Smart LESS Build. Une fois installé, ce plugin vous permet d'effectuer des modifications de styles en temps réel et de constater instantanément les résultats dans les fichiers CSS générés. Cela simplifie grandement le flux de travail pour les développeurs front-end, leur permettant de se concentrer sur le code sans avoir à passer par des invites de commande pour compiler leurs fichiers LESS. Ce tutoriel couvre également des exemples pratiques de conversion de variables de couleur et la vérification des fichiers CSS générés.

Voir plus

Questions fréquentes

Quelle est la fonction principale du plugin Smart LESS Build?
Le plugin Smart LESS Build permet de compiler automatiquement des fichiers LESS en CSS directement depuis Sublime Text, sans nécessiter l'utilisation de Node.js ou NPM.
Comment installer le plugin Smart LESS Build dans Sublime Text?
Pour installer le plugin Smart LESS Build, allez dans Préférences, Package Control, puis Install Package, et recherchez et installez Smart LESS Build.
Que se passe-t-il lorsqu'un fichier LESS est modifié et enregistré avec Smart LESS Build installé?
Lorsqu'un fichier LESS est modifié et enregistré, Smart LESS Build compile automatiquement le fichier LESS en CSS, et génère également les maps source correspondantes.