LiveReload plugin for Atom
JavaScript CSS

LiveReload for Atom

Build Status

An Atom package enables you to control built-in LiveReload server.

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

from LiveReload official site


  1. Select main menu Packages > LiveReload > Toggle Server to turn the server on. Or press Ctrl+Shift+R.
  2. When the server started successfully, LiveReload: PORT_NUMBER text appears in the status bar(see the bottom right panel in the following screenshot). LiveReload status text
  3. Click it to get the url of livereload.js JavaScript file.
  4. Put the script into the bottom of documents you want to give power of live reloading.


  • Reloads web pages when any file is created, removed or modified.
  • Applies changes without reloading when any CSS or image changed.
  • Works well with Chrome LiveReload extension.


  • The chrome extension works only with default port 35729.
  • Watching too many files can make this horribly slow. To avoid this please exclude directories which have many files such as node_modules.


  • Setting per project.
  • Support preprocessors.