Passa ai contenuti principali

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/**"
Etichette:

Commenti

Posta un commento

Post popolari in questo blog

install language on osTicket

this simple guide aims you to install and configure your language on osTicket i written this guide based on forum post http://osticket.com/forum/discussion/76252/installing-language-pack
Posta un commento
Continua a leggere

Droidcon Italia

A Febbraio arriva in Italia il Droidcon! Questo il programma della giornata: 6 febbraio 8:30 – 9:15 Registration 9:15 – 9:50 Welcome 9:50 – 13:00 Conferences 13:00 – 14:00 Lunch 14:00 – 18:00 Conferences / Barcamp 7 febbraio 9:50 – 13:00 Conferences / Workshops 13:00 – 14:00 Lunch 14:00 – 18:00 Conferences / Workshops 18:00 – 18:30 Closing Questo il link del Droidcon   http://it.droidcon.com/2014/ A breve maggiori informazioni sui talk, hackathon, codelab :)
Posta un commento
Continua a leggere

Vue.js inline component

title: Componente Vue.js inline browser tags: vue.js, single file component vue.js Come creare un componente con Vue.js? Come crearlo e come usarlo direttamente nella pagine? Mi trovo in diversi progetti a bisticciare con jquery che ritengo un ottimo tool, ma non supremo. In ogni progetto possono esistere più tecnologie per risolveere problemi diversi. La SPA la preferisco con React o Angular, ma per creare dei componenti ad hoc o uso Polymer o Vue. Senza scomodare l’intero scaffolding di progetto è possibile creare un semplice componente ed usarlo nella pagina del browser senza fare il transpiling. Come iniziare. Preparo la base di folder. Come server uso quello integrato in php. mkdir vuewjs cd vuejs php -S localhost:8080 touch index.html google-chrome index.html Io uso Ubuntu e quelli sopra sono semplici comandi shell che creano un folder vuejs e dentro creano un file html e avviano il server presente in php7; infine apro con chrome la pagina index.hml. Pagina base Ora prep...
Posta un commento
Continua a leggere