Browsersync Browsersync synchronisiert Dateiänderungen und Benutzerinteraktionen (Scrollen, Klicks, Formulareingaben) in Echtzeit über mehrere Geräte während der Webentwicklung.
Installation
# Globale CLI-Installation
npm install -g browser-sync
# Oder bedarfsweise via npx ausführen
npx browser-sync start --server
Starten eines statischen Dev-Servers
Statische Dateien bereitstellen und HTML/CSS/JS auf Änderungen überwachen:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Proxying eines bestehenden Backends
Einen bestehenden lokalen Server (z. B. Rails, Node, PHP) mit Live-Reload kapseln:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Häufige CLI-Optionen
| Option | Beschreibung |
|---|---|
--server, -s |
Eingebetteten statischen HTTP-Dateiserver starten |
--files, -f |
Zu überwachende Dateipfade oder Glob-Muster |
--port |
Benutzerdefinierten Server-Port angeben (Standard: 3000) |
--proxy, -p |
Bestehende lokale Webadresse per Proxy einbinden |
--no-open |
Automatisches Öffnen des Browsers verhindern |
--no-notify |
Benachrichtigungs-Badge im Browser deaktivieren |
--tunnel |
Server über eine öffentliche URL im Internet freigeben |