Installer et Configurer LESS dans Brackets

Installer Less : Brackets
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

À la fin de cette vidéo, les participants sauront :

  • Télécharger et installer Brackets.
  • Configurer Brackets pour travailler avec LESS.
  • Utiliser les plugins Color Highlighter et LESS Autocompile.
  • Appliquer le Live Reload sur leur projet.

Apprenez à installer et à configurer LESS dans Brackets pour une compilation automatique et un aperçu en direct.

Dans cette leçon, nous allons aborder la configuration de LESS dans l'IDE Brackets. Brackets est un éditeur de texte populaire parmi les développeurs web pour ses multiples fonctionnalités telles que le Live Reload. Nous commencerons par le téléchargement et l'installation de Brackets. Ensuite, nous verrons comment relier Brackets à un dossier projet. Après avoir configuré l’environnement, nous procéderons à l'installation de plugins spécifiques : Color Highlighter pour la coloration syntaxique et LESS Autocompile pour la compilation automatique de LESS à chaque sauvegarde. Pour finir, nous démontrerons l'efficacité du système de Live Reload. Cette fonctionnalité recharge automatiquement la page du navigateur dès que des modifications sont apportées aux fichiers LESS, CSS ou HTML, offrant ainsi une expérience de développement fluide et interactive.

Voir plus
Questions réponses
Pourquoi utiliser Live Reload dans Brackets ?
Live Reload permet de voir instantanément les modifications apportées au code sans avoir à actualiser manuellement la page du navigateur, ce qui améliore l'efficacité du développement.
Quels plugins faut-il installer pour travailler avec LESS dans Brackets ?
Il est recommandé d'installer les plugins Color Highlighter pour la coloration syntaxique et LESS Autocompile pour la compilation automatique des fichiers LESS.
Comment activer Live Reload dans Brackets ?
Pour activer Live Reload dans Brackets, il suffit de cliquer sur l'icône en forme d'éclair située dans l'interface, ce qui permet de recharger automatiquement la page du navigateur à chaque modification de code.