BrowserSync o LiveReload?

Sviluppando in AngularJs on anche mettendo in piedi un semplicissima pagina statica, è utile vedere in realtime il risultato dell'editing
Utilizzando un edito come Atom o SublimeText è possibile solo se si attiva un sistema che controlla la modifica dei file del progetto e che fa un aggiornamento automatico della pagina
A questo riguardo c'è un progetto LiveReload che può aiutare
Ma preferisco parlarvi di BrowserSync
BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free

Installazione

L'installazione è veloce e semplice utilizzando npm
npm install -g browser-sync
finito...

Come funziona

E' necessario lanciare un ascoltatore, alla fine è un server, che controlla la modifica dei file. Per i files statici, in questo caso CSS:

browser-sync start --server --files "css/*.css"
Ma è possibile anche puntare ad un progetto web:
browser-sync start --proxy "myproject.dev" --files "css/*.css"
Vi assicuro che è un tool semplice da usare ed anche veloce


Aggiunta

per monitorare ricorsivamente tutti i files dell'applicazione
 browser-sync start --server --files "app/**"

Commenti

Post popolari in questo blog

Ubuntu: La propria installazione di python è danneggiata. Correggere il collegamento simbolico «/usr/bin/python».

Setup Google Tag Manager con PrestaShop per l'e-commerce avanzato