Bubsites

Using the LiveReload Sublime Package or Desktop App

Package Installation

Enable automatic browser refresh with the LiveReload Sublime package:

  • Use Package Manager to install the LiveReload for Sublime Text package.
  • Install the browser extension for Chrome or Firefox and click on the icon to enable it.

Or:

To use LiveReload with all text editors you can skip the first step and install the desktop app from livereload.com.

Usage

Launch the Command Palette and choose “Live Reload: Enable/disable plug-ins”, then choose an event (e.g. “Enable: Simple Reload” to reload whenever the file is saved.).

If working on a remote server, you may have to choose „Simple reload with delay (400ms)“.

Permanently Enable the Plugin

In order to avoid having to start the plugin each time you open Sublime Text, go to „preferences -> Package Settings -> LiveReload -> Settings – User“ and add:

{ 
  "enabled_plugins": [
    "SimpleReloadPlugin"
  ]
}

For delayed refresh add:

{ 
  "enabled_plugins": [ 
    "SimpleReloadPluginDelay"
  ]
}

Troubleshoot

** Since some blog posts and comments are suggesting a more verbose configuration, you could also try the following in case the above doesn’t work:

{ 
  "enabled_plugins": [
    "SimpleReloadPlugin",
    "SimpleRefresh"
  ]
}

Or:

{ 
  "enabled_plugins": [ 
    "SimpleReloadPluginDelay", 
    "SimpleRefreshDelay" 
  ]
}

** Browser extensions stops working under Windows 10. Alert: „“Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is running.“.

  • Open Windows Task Manager and look for a process called „flow.exe“. Kill all instances of it.
  • If the LiveReload browser extension still doesn’t work, try closing and re-opening both the browser and Sublime.
  • Consider eliminating the source of „flow.exe“. It can be another Windows program or even another sublime package, e.g. „Javascript Enhancements“ (inside folder: Sublime Text 3\Packages\JavaScript Enhancements\node_modules\flow-bin\flow-win64-v0.74.0).

Alternatives

Zeige alle ...