A Unix Mind In A Windows World .

Chroniques tech et pérégrinations digitales. Opinons incluses.

Post Page Advertisement [Top]


LiveReload est un programme indispensable si vous faites de l'intégration web. Il vous permet d'accélerer votre workflow en rechargeant automatiquement les pages sur lesquelles vous êtes entrain de travailler .

En termes plus clairs, LiveReload vous permet de vous passer de la combinaison Alt+Tab puis F5 (ou CMD+R si vous êtes sur un mac), ce qui est un véritable plus en soi. Il est disponible sous la forme d'une application Windows & Mac.

Il n'existe pas, à proprement parler, d'application ou de client dédié à LiveReload sous Ubuntu. Toutefois, cet utilitaire est accessible par le biais de Guard, une ligne de commande en Ruby qui surveille les différents changements de fichiers sur le disque dur.

Et non,  vous n'avez pas nécessairement de vous y connaître en Ruby pour l'installer et l'utiliser.


Dans un premier temps, ouvrez une fenêtre de terminal et saisissez y la ligne suivante

sudo su

entrez le mot de passe de votre compte ubuntu. Puis faites,

apt-get install rubygems ruby-dev

Ensuite , faites

gem install guard-livereload

Dans le terminal, allez ensuite dans le dossier contenant les fichiers de votre site web et entrez la ligne suivante

guard init

Ce qui créera un fichier .guardfile . Saisissez ensutie

gedit Guardfile 

et dans la fenêtre qui s'affiche ensuite , rajoutez la ligne suivante

  watch (%r{^.*\.(html|css|js|png|jpg)$})

Elle vous permettra de surveiller les changements sur tous les fichiers php, html, css et js (ainsi que les images) contenues dans le dossier.
Enfin, installez l'extension correspondant à votre navigateur (en la téléchargeant ici
Voilà, vous pourrez enfin dire adieu à la commande f5 de votre navigateur :).
Jean Luc Houedanou

2 commentaires:

kanga philippe Beclossa a dit…

Merci JL Houedanou pour ton article, c'est possible sans être en root d'installer : "sudo apt-get install rubygems ruby-dev". Je pense que c'est mieux de préciser pour le commun des mortels que nous sommes! ;-) hihi #geekattitude

Jean-Luc Houedanou a dit…

Bonsoir, c'est corrigé :)

Bottom Ad [Post Page]

| Designed by Colorlib | (Heavily) Modified by Jean Luc Houedanou