Sublime3 installs liveload, realizes the front-end automatic F5 refreshes the HTML interface

These two days Daoteng editor, atom is too big, or sublime easy to use

Used to always use sublime2, and then update to sublime3, and then put some necessary plugins installed: liveload (auto refresh);

Package control

First add a package control plug-in to sublime, Sublime2 and sublime3 the way to install the control, see here;

Installing Livereload

Then through the shortcut key (ctrl+shift+p), the following interface Appears: Select the package control:install package:

　　　　

Sublime will be stuck: then will jump out of another input box, enter in the input box: livereload, and then click on the filter out the options, click the opportunity to install livereload;

　　　　

Livereload will jump out of an installed interface after the installation is Complete.

Enable plugins

Then choose preferences->package setting->livereload->plugins->enable/disable Plugins , Start livereload, and then restart sublime;

Browser Installation Livereload Plugin:

Open the Google-chrome app center, search for livereload, and add apps to chrome:

　　　　

Allow access to file URLs

After the installation is complete, open the Extension Center and add the Livereload allow access to the file URL option:

　　

Both the sublime and the Chrome browser plugins are now Installed.

Last step, Enable plugins

The final step is to open the HTML file in the browser via Sulime and then click on the plugin button on the browser :

The button will become solid at this point:

　　

If you look at the source of the Web page, you will find a script tag added to the source page:

now, as long as we modify the corresponding HTML file and Ctrl+s save the file, the corresponding browser interface will automatically refresh;

NONO
source: http://www.cnblogs.com/diligenceday/
QQ: 287101329
: 18101055830

Sublime3 installs liveload, realizes the front-end automatic F5 refreshes the HTML interface