# How to reload the browser window when you save a file

> Learn how to automatically reload the browser whenever you save a file in a plain HTML and JS project, by installing and running the browser-sync tool.

Author: [Flavio Copes](https://flaviocopes.com/about/) | Published: 2020-03-13 | Topics: [Web Platform](https://flaviocopes.com/tags/platform/) | Canonical: https://flaviocopes.com/how-to-reload-browser-file-save/

I was working on a website in vanilla HTML + JS, and I missed one of the best feature provided by those quick start packages like create-react-app or the [Vue](https://flaviocopes.com/vue-introduction/) CLI: reloading the page when I saved a file in the code editor.

The simplest way I found is to install `browser-sync`:

```bash
npm install -g browser-sync
```

then run it in your project folder:

```bash
browser-sync start --server --files "."
```

The above command watches all files in the current folder (and all subfolders) for changes, and launches a web server on port 3000, opening a browser window to connect to the server.

Any time you change a file, the browser will refresh.

Very useful while prototyping!