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

Configuration de Sublime Text et WAMP pour LESS

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

Découvrez comment configurer Sublime Text et installer des plugins essentiels pour travailler avec LESS. Apprenez à utiliser WAMP pour créer un environnement local efficace.

Détails de la leçon

Description de la leçon

Pour un bon déroulement de ce cours de LESS, nous allons organiser notre espace de travail avec Sublime Text et installer des plugins essentiels. La première étape consiste à installer Package Control, qui nous permettra de télécharger d'autres plugins. Nous décrirons également comment configurer WAMP pour créer un serveur local.

Package Control facilite l'ajout de modules complémentaires tels que LESS Syntax pour la coloration syntaxique, Emmet pour accélérer l'écriture du HTML, et Color Highlighter pour une meilleure gestion des couleurs. Nous allons également personnaliser certains de ces plugins pour optimiser notre efficacité.

Ensuite, nous installerons WAMP pour configurer un serveur local sur Windows, en veillant à créer et relier des dossiers de projet dans Sublime Text. Cette configuration permet une gestion simplifiée et un développement fluide des feuilles de style LESS en fichiers CSS.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous apprendre à :
- Installer et configurer Sublime Text avec des plugins clés.
- Mettre en place un environnement de développement local avec WAMP.
- Créer et gérer des projets LESS dans Sublime Text.

Prérequis pour cette leçon

Pour suivre ce tutoriel, les prérequis nécessaires sont :
- Connaissance de base en HTML et CSS.
- Avoir Sublime Text installé sur votre ordinateur.
- Compréhension de base du fonctionnement des serveurs locaux comme WAMP.

Métiers concernés

Cet apprentissage est particulièrement utile pour les métiers suivants :
- Développeurs Front-End.
- Web Designers.
- Intégrateurs Web travaillant avec LESS et CSS.

Alternatives et ressources

Alternatives aux logiciels utilisés dans ce tutoriel :
- Pour Sublime Text : Visual Studio Code, Atom.
- Pour WAMP : XAMPP, MAMP pour macOS.

Questions & Réponses

Package Control permet de télécharger et d'installer facilement d'autres plugins nécessaires pour un développement efficace.
WAMP crée un serveur local sur votre machine, permettant de développer et tester vos fichiers LESS et CSS de manière fluide.
Color Highlighter permet de visualiser directement à l'écran les couleurs des codes hexadécimaux, facilitant ainsi la gestion des couleurs dans vos feuilles de style.