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
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 veloceAggiunta
per monitorare ricorsivamente tutti i files dell'applicazione
browser-sync start --server --files "app/**"
Commenti
Posta un commento