[REC]: Restful Environment Configuration

[ghost]

@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! 🥇

https://www.browsersync.io/#install
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...