Sublime text3 configure LiveReload plug-in

The following column sublime tutorial will introduce you to the Sublime Text3 configuration and installation livereload plug-in method. I hope it will help you if you need it. Friends help!

When we write front-end code, the normal operation is to save the code after writing it in the editor, and then refresh the browser It shows that the process is very cumbersome. Today we introduce this sublime text3 plug-in that will improve our development efficiency. It is LiveReload.

Tip:
LiveReload is a great plug-in that can be previewed in real time in the browser, but in Sublime text3, it is installed from Package Control LiveReload cannot be used, but you can choose to install it manually.

LiveReload plug-in download

Sublime side

LiveReload for Sublime on Github The address of text3: https://github.com/Grafikart/ST3-LiveReload, two ways to install:

Method 1:

Select DownloadZip and unzip the Put the folder in the Packages folder (Preference>Browse Packags) and restart ST3

Method 2:

Clone directly to the Packages folder.

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

Browser side

I use chrome, you can find LiveReload directly in the app store and install it

This icon will appear after installation.

Configuration

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

Real-time preview

When the html file is opened in the browser, click once and the ring in the middle of the icon changes to the origin, which means you can preview it in real time.
Once the file in ST3 is saved, the browser will be refreshed and previewed in real time, which is very convenient!

The above is the detailed content of Sublime text3 configure LiveReload plug-in. For more information, please follow other related articles on the PHP Chinese website!