Live Page Reload

If you are working with Sublime Text 2/3 and you want to be able to see live changes on your HTML/CSS layout, follow the steps below:

  1. Find and install a new package from SublimeText called “LiveReload”. Set "save_on_focus_lost" :true in user settings to enable auto save functionality.

  2. Add LiveReload Chrome extension which you will have to enable in order to activate LiveRecord on page you are working at. Make sure to select in extensions management screen ” Allow access to file URLs” to enable this functionality on local files as well.

  3. Install and run free livereload node.js server by running the following terminal commands:

1
2
$ npm install -g livereload
$ livereload [path]