LiveReload for Sublime Text 2

A web browser page reloading plugin for the Sublime Text 2 editor.

Installing

Install with Sublime Package Control, search for LiveReload and install.

Devel branch

Have a look at devel version. Which is total rewrite of plugin, supporting SublimeText 3, plugins and much more.

Browser extensions

You can use both major LiveReload versions. For old one you can find instructions bellow, for new ones please visit New browser extensions or try self loading version.

Google Chrome extension

Click “Install”. Actually, LiveReload does not access your browser history. The warning is misleading.

If you want to use it with local files, be sure to enable “Allow access to file URLs” checkbox in Tools > Extensions > LiveReload after installation.

Safari extension

For now it only works with self loading version:

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

Firefox 4 extension

Usage

Now, if you are using Safari, right-click the page you want to be livereload'ed and choose “Enable LiveReload”:

If you are using Chrome, just click the toolbar button (it will turn green to indicate that LiveReload is active).

You can also use the Preferences menu to change port, version and type of reloading(full, js,css).

Compass

Want to use Livereload with compass ? Now you can !

.scss and .css have to be in the same directory , if no config.rb file is found one will automatically generated !

So if you want to start using compass, install compass gem, edit a xxx.scss file and voila ! A .css file would be automatically generated.