Sublime text3 konfiguriert das LiveReload-Plug-in

Die folgende Spalte stellt Ihnen die Sublime Text3-Konfiguration und die Livereload-Plugin-Installationsmethode aus dem Sublime-Tutorial Kolumne. Ich hoffe, es hilft dir, wenn du Hilfe von Freunden brauchst!

Wenn wir Front-End-Code schreiben, besteht der normale Vorgang darin, das Schreiben des Codes im Editor abzuschließen und zu speichern , und aktualisieren Sie dann den Browser. Es zeigt, dass der Prozess sehr umständlich ist. Heute stellen wir dieses großartige Text3-Plugin vor, das unsere Entwicklungseffizienz verbessern wird.

Tipp: LiveReload ist ein großartiges Plug-in, das in Echtzeit im Browser angezeigt werden kann, aber in Sublime text3 wird es von installiert Package Control LiveReload kann nicht verwendet werden, Sie können es jedoch manuell installieren.

LiveReload-Plug-in-Download

Sublime-Seite

LiveReload für Sublime an Github Die Adresse von text3: https://github.com/Grafikart/ST3-LiveReload, zwei Möglichkeiten zur Installation:

Methode 1:

DownloadZip auswählen und entpacken it Legen Sie den Ordner im Ordner „Pakete“ ab (Einstellungen > Pakete durchsuchen) und starten Sie ST3 neu

Methode 2:

Direkt in den Ordner „Pakete“ klonen.

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

Browserseite

Ich verwende Chrome, du findest LiveReload direkt im App Store, installiere es

Dieses Symbol erscheint nach der Installation.

Konfiguration

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

Echtzeitvorschau

Wenn die HTML-Datei im Browser geöffnet ist, klicken Sie einmal und der Ring in der Mitte des Symbols wechselt zum Ursprung, sodass Sie eine Vorschau in Echtzeit anzeigen können.

Sobald die Datei in ST3 gespeichert ist, wird der Browser aktualisiert und in Echtzeit in der Vorschau angezeigt, was sehr praktisch ist!

Das obige ist der detaillierte Inhalt vonSublime text3 konfiguriert das LiveReload-Plug-in. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!