Matthieu Hébert, développeur web normand, runner amateur, amateur de sport, fan de rock anglais

Ubuntu, Sublime Text et LiveReload

LiveReload est un utilitaire qui, lorsque vous enregistrez un fichier d’un projet, recharge la page du navigateur après avoir compilé le fichier si nécessaire. Il fonctionne avec les fichiers HTML, CSS, SASS et LESS. C’est un outil très pratique lorsque vous faites de l’intégration, en dual screen notamment.

Installation

Pour installer le package LiveReload sur Sublime Text 3, il faut taper les commandes suivantes :

cd ~/.config/sublime-text-3/Packages
rm -rf LiveReload
git clone -b devel https://github.com/dz0ny/LiveReload-sublimetext2.git LiveReload

Vous pouvez ensuite installer l’extension LiveReload correspondant à votre navigateur (ici pour Chrome, là pour Firefox).

Utilisation

Avant d’utiliser LiveReload, il faut penser à l’activer dans Sublime Text. Pour cela, il faut ouvrir le lanceur de commandes (Ctrl + Shift + P), saisir LiveReload puis choisir « LiveReload: Enable/disable plug-ins ».

Activer LiveReload

Il faut également insérer le script JavaScript de LiveReload. Vous pouvez l’insérer facilement avec le snippet LiveReload.

document.write('<script src="http://' + (location.host || 'localhost') .split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')

Enfin, il faut penser à activer LiveReload sur votre navigateur, via l’icône de l’extension.

Amusez-vous bien !

Source : https://github.com/dz0ny/LiveReload-sublimetext2