Installer LiveReload ( @livereload ) sous @Ubuntu (grâce à guard-livereload), A Unix Mind In A Windows World

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