Shulou(Shulou.com)06/01 Report--

This article mainly explains "Sublime how to achieve html file browser update", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "Sublime how to achieve html file browser update" bar!

Required plug-ins: Google browser livereload plug-in; sublime livereload plug-in.

Installation method and configuration of sublime plug-in.

The installation method of package control of 2.1 sublime does not say, Baidu has a lot of articles. In the sublime interface, press ctrl+shift+p at the same time, type install package in the pop-up interface, and click the red item.

2.2 enter livereload; in the pop-up interface and click on the livereload project.

2.3.Click the sublime to install automatically and configure it after installation. Click the preference-Package Setting-LiveReload-Setting User; to paste the jon code below and save it. That is, complete the configuration on the sublime.

{

"enabled_plugins": [

"SimpleReloadPlugin"

"SimpleRefresh"

]

}

3 Google browser plug-in installation.

3.1 if you can access the Internet scientifically, you can search livereload directly in the Google App Store. The first search result is what we want. Click add to CHROME and follow the steps to complete the installation

3.2 if you are a good citizen, download the plug-in directly online or import it manually.

3.2.1 plug-in Network livereload download

What is downloaded is a .crx file. Open Google browser, click: customize and Control (three vertical points in the upper right corner)-more tools-Extenders; Open the list of Extenders.

3.2.2 drag the downloaded .crx file directly to the list of extensions to complete the plug-in installation.

3.2.3 after successful installation of Google browser, a similar refresh icon appears in the upper right corner of the browser, with a hollow circle in the middle. It is the icon of livereload.

When the plug-ins are ready, open the html page you are editing. This step is very important. It must be opened under a local service, whether using http-server local service or sublime plug-in SublimeServer directly, as long as the address bar is localhost (127.0.0.1). You cannot click on the file directly to open it.

How the sublime plug-in SublimeServer opens

After the page opens in the browser, click on the icon of liveReload, the hollow circle of the icon becomes a solid circle, indicating that the connection with sublime is successful.

At this point, after completing the connection between the browser and the sublime file, modify the hmtl page, and after saving, the browser will update automatically.

Thank you for your reading, the above is the "Sublime how to achieve html file browser update" content, after the study of this article, I believe you on Sublime how to achieve html file browser update this problem has a deeper understanding, the specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.