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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.