How do I start using LiveReload?

← Getting Started

Step 1. Get and install the app.

On a Mac:

On Windows:

Step 2. Add your project folder to LiveReload (via drag-n-drop or by clicking the “+” button).

Step 3. Depending on your workflow and personal preferences, either install browser extensions, or insert a JavaScript snippet, or use a framework-specific plugin. See “How do I choose the best integration method?” and the articles linked from it for detailed instructions.

Now you should be all set. Open the site in your browser, change a file in your text editor and you should see the browser update. Change a stylesheet, and it should be applied live.

Further reading:

Stay up to date!

Getting Started

  1. How do I start using LiveReload?
  2. What's the status of LiveReload? (3.x, 2.x, support)
  3. What can LiveReload do?
  4. How do I choose the best integration method?
  5. How do I install and use the browser extensions?
  6. How do I add the SCRIPT tag manually?
  7. What's new in LiveReload?
  8. Is my Mac compatible with LiveReload?
  9. Is my Windows PC compatible with LiveReload?
  10. What's new in LiveReload for Windows?

Feedback and Knowledge Base

(thinking…)