[REC]: Restful Environment Configuration

@shiffman
With Atom, Sublime Text, etc...

### Time-saving synchronised browser reloading when code changes saved.

> #### Note:
> I spend for reloading browser 1 sec per change,
> How many seconds I'll spend, if I'll do 100 changes?
> How many seconds I'll spend, if I'll spend 5 sec to reload a page and will do 100 changes?
>
> **Q:** How to reload page automatically, every time I've saved changes?
> **A:** BrowserSync! Our precious time is saved from trash! :1st_place_medal:

[https://www.browsersync.io/#install](https://www.browsersync.io/#install)
[https://www.browsersync.io/docs/command-line](https://www.browsersync.io/docs/command-line)

me@amadeus ~ $ **cd /tmp**

me@amadeus /tmp $ **mkdir test && cd test**

me@amadeus /tmp/test $ **p5 g -b hello**
p5-manager version 0.3.2
create : hello
create : hello/sketch.js
create : hello/index.html
create : hello/libraries
create : hello/libraries/p5.js
create : hello/libraries/p5.sound.js
create : hello/libraries/p5.dom.js

me@amadeus /tmp/test $ **cd hello/**

me@amadeus /tmp/test/hello $ **atom .**

me@amadeus /tmp/test/hello $ **tree -A**
.
├── index.html
├── libraries
│ ├── p5.dom.js
│ ├── p5.js
│ └── p5.sound.js
└── sketch.js

1 directory, 5 files

me@amadeus /tmp/test/hello $ **browser-sync start --server -f .**
[Browsersync] Access URLs:
\----------------------------------
Local: http://localhost:3000
External: http://10.0.0.2:3000
\----------------------------------
UI: http://localhost:3001
UI External: http://10.0.0.2:3001
\----------------------------------
[Browsersync] Serving files from: ./
[Browsersync] Watching files...
[Browsersync] Reloading Browsers...

[](https://www.youtube.com/watch?v=liyIynFopn0)

Inizia con la documentazione di installazione e della riga di comando di BrowserSync collegata nell’issue, quindi esamina l’output mostrato di `p5 g -b hello` e il comando `browser-sync start --server -f .`. Per considerare completato il lavoro, sarebbero necessari una configurazione dell’ambiente chiaramente definita e supportata dal progetto, nonché un comportamento documentato per il ricaricamento automatico del browser.

Scritto dal modello di indicizzazione a partire dal testo della issue.