CATALOGUE Code & Data Formation XHTML/CSS Maîtriser le préprocesseur CSS : LESS

Utilisation de Sublime Text pour la Compilation LESS

Retour à la formation
Chapitre 1 Leçon 5
Précédent
Suivant

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

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Les compétences préalables incluent une compréhension de base de LESS, CSS, et une connaissance fonctionnelle de Sublime Text.

Métiers concernés

Les professionnels du développement front-end et les intégrateurs web peuvent bénéficier de ce tutoriel pour améliorer leur flux de travail et rendre le processus de stylisation plus agile et efficace.

Alternatives et ressources

Alternatives à considérer incluent des outils comme Prepros, Koala, ou l'utilisation de scripts Node.js pour compiler LESS en CSS.

Questions & Réponses

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.
Pour installer le plugin Smart LESS Build, allez dans Préférences, Package Control, puis Install Package, et recherchez et installez Smart LESS Build.
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.