Real-time development tools without the front-end load automatically refresh the page

WebStorm10.0.3 live Edit with Google in real time without refreshing the browser automatically loads the page


Webstorm configuration

点击: File->Settings->Build,Execution,Deployment->Debugger->Live Edit

image.png

Install JetBrains IDE Support extensions in the Google browser.

image.png

In WebStorm, right-click to select you want to refresh in real time in the browser page, select "Debug 'index.html'" menu, where all the setup steps to complete, now modify the html file code, Google browser has been synchronous see the update.
Note: the above yellow background browser prompts must not be closed!

image.png

Use Brackets Editor

Brackets is a free, HTML open source and cross-platform / CSS / JavaScript front WEB Integrated Development Environment (IDE tools). The project is created and maintained by Adobe, released under the MIT license, supports Windows, Linux and OS X platforms.

Brackets are characterized by simple, elegant, fast! It is not a lot of views or panel, did not much fancy features, its core target is to reduce the development process in the low efficiency of those repetitive tasks, such as a browser refresh, modify the style elements, search functions, and so on. And Sublime Text, Everedit and other general-purpose code editor is not the same, Brackets are designed for front-end development WEB born ......

After installing the software, open the html file needed to debug, click the button shown in the following diagram can be achieved without refreshing the page automatically loads.

image.png

Guess you like

Origin www.cnblogs.com/jlfw/p/12056225.html