Posts

Showing posts with the label LiveReload

LiveReload and Auto-save simultaneously in Sublime Text 3

Image
Every front end developer must have encountered the problem that every time the web code is updated in the editor they have to refresh the browser each and every time. It becomes a hectic when the code is updated very often and the result is observed in parallel. So, here's the solution for this problem. This tutorial is for Sublime Text 3 Editor. The solution is to install the LiveReload plugin in Sublime Text 3 and its extension in the browser. Refer for tutorial on installing LiveReload . While writing the website code in Sublime Text 3, it lacks for Auto-Saving the code. Repeatedly saving of code lead to less efficiency of the web coder. To over come this a plugin named Auto-Save can  be installed. Refer for tutorial on installing Auto-Save . Now as you have installed Auto-Save and LiveReload  plug-in, so whenever auto-save triggered to save the file the change can be seen Live in the browser.

LiveReload webpages during editing in Sublime Text 3

Image
Every front end developer must have encountered the problem that every time the web code is updated in the editor they have to refresh the browser each and every time. It becomes a hectic when the code is updated very often and the result is observed in parallel. So, here's the solution for this problem. This tutorial is for Sublime Text 3 Editor. The solution is to install the LiveReload plugin in Sublime Text 3 and its extension in the browser. Follow these steps to load the LiveReload package in ST3: Step 1 : Go to Sublime Text 3 Preferences >> Package Control >> Install Package >> LiveReload * Wait for a while to load the below search box and type for LiveReload when the library loads :  Step 2 : Restart the Sublime Text 3. Step 3 : Go to chrome and navigate to extension store in chrome to install the LiveReload extension for Chrome. Step 4 : Now in chrome go to More too...