Browsersync O Browsersync sincroniza alterações de arquivos e interações (rolagem, cliques, formulários) em vários dispositivos em tempo real.
Instalação
# Instalação global da CLI
npm install -g browser-sync
# Ou execução sob demanda com npx
npx browser-sync start --server
Iniciando um servidor de desenvolvimento estático
Servir arquivos estáticos e monitorar alterações em HTML/CSS/JS:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
Criando proxy para um backend existente
Encapsular um servidor local existente (ex: Rails, Node, PHP) com recarga em tempo real:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
Opções comuns da CLI
| Opção | Descrição |
|---|---|
--server, -s |
Executar um servidor HTTP de arquivos estáticos integrado |
--files, -f |
Caminhos de arquivo ou padrões glob para monitorar |
--port |
Especificar porta personalizada (padrão 3000) |
--proxy, -p |
Criar proxy para um endereço web local existente |
--no-open |
Evitar a abertura automática de janela do navegador |
--no-notify |
Desativar o aviso flutuante dentro do navegador |
--tunnel |
Expor o servidor para a web usando uma URL pública |