Browsersync Browsersync sincronizează modificările fișierelor și interacțiunile (derulare, clicuri, formulare) pe mai multe dispozitive în timp real în timpul dezvoltării web.
Instalare
# Instalare globală CLI
npm install -g browser-sync
# Sau rulare la cerere prin npx
npx browser-sync start --server
Pornirea unui server de dezvoltare static
Livrati fișiere statice și monitorizați modificările din HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Utilizarea ca proxy pentru un backend existent
Încapsulați un server local de dezvoltare existent (ex: Rails, Node, PHP) cu reîncărcare automată:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Opțiuni comune CLI
| Opțiune | Descriere |
|---|---|
--server, -s |
Rulați un server HTTP integrat pentru fișiere statice |
--files, -f |
Căi de fișiere sau modele glob de monitorizat |
--port |
Specificați un port personalizat (implicit 3000) |
--proxy, -p |
Proxy către o adresă web locală existentă |
--no-open |
Împiedicați deschiderea automată a browserului |
--no-notify |
Dezactivați notificarea flotantă din browser |
--tunnel |
Expuneți serverul pe web printr-un URL public |