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 ».
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 !