Sublime text3 configure le plug-in LiveReload

La colonne suivante vous présentera la méthode de configuration et d'installation du plug-in livereload de Sublime Text3 à partir du tutoriel sublime colonne. J'espère que cela vous aidera si vous en avez besoin. Aide des amis !

Lorsque nous écrivons du code front-end, l'opération normale est de terminer l'écriture du code dans l'éditeur, de l'enregistrer , puis actualisez le navigateur Cela montre que le processus est très lourd. Aujourd'hui, nous présentons ce sublime plug-in text3 qui améliorera notre efficacité de développement.

Astuce :
LiveReload est un excellent plug-in qui peut être prévisualisé en temps réel dans le navigateur, mais dans Sublime text3, il est installé à partir de Package Control LiveReload ne peut pas être utilisé, mais vous pouvez choisir de l'installer manuellement.

Téléchargement du plug-in LiveReload

Côté Sublime

LiveReload pour Sublime sur Github L'adresse de text3 : https://github.com/Grafikart/ST3-LiveReload, deux façons d'installer :

Méthode 1 :

Sélectionnez DownloadZip et décompressez Mettez le dossier dans le dossier Packages (Préférence>Parcourir les packages) et redémarrez ST3

Méthode 2 :

Clonez directement dans le dossier Packages.

//适用于Linux  OSX  
//Windows可以通过Git操作
//进入Packages目录下
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

Côté navigateur

J'utilise chrome, vous pouvez trouver LiveReload directement dans l'app store, installez le

Cette icône apparaîtra après l'installation.

Configuration

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload

Aperçu en temps réel

Lorsque le fichier html est ouvert dans le navigateur, cliquez une fois et l'anneau au milieu de l'icône change d'origine, ce qui signifie que vous pouvez le prévisualiser en temps réel.
Une fois le fichier dans ST3 enregistré, le navigateur sera actualisé et prévisualisé en temps réel, ce qui est très pratique !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!