Cheat Sheet Referencia rápida
Español

Idioma

Referencia rápida

Hoja de trucos de sincronización y recarga en vivo con Browsersync

Guía de referencia rápida para la CLI de Browsersync: servidores locales de desarrollo, proxy de backend, pruebas en múltiples dispositivos y recarga automática.

· Publicado

Browsersync Browsersync sincroniza cambios en archivos e interacciones (desplazamiento, clics, formularios) en múltiples dispositivos en tiempo real durante el desarrollo web.

Instalación

# Instalación global de la CLI
npm install -g browser-sync

# O ejecución bajo demanda con npx
npx browser-sync start --server

Iniciar un servidor de desarrollo estático

Servir archivos estáticos y monitorizar cambios en HTML/CSS/JS:

browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"

Crear proxy para un backend existente

Envolver un servidor de desarrollo local existente (ej. Rails, Node, PHP) con recarga en vivo:

browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"

Opciones comunes de la CLI

Opción Descripción
--server, -s Ejecutar un servidor de archivos HTTP estático integrado
--files, -f Rutas de archivos o patrones glob a monitorizar
--port Especificar puerto personalizado (por defecto 3000)
--proxy, -p Crear un proxy para una dirección web local existente
--no-open Evitar abrir automáticamente una ventana del navegador
--no-notify Desactivar la notificación flotante en el navegador
--tunnel Exponer el servidor a Internet mediante una URL pública

Temas relacionados

#javascript#browsersync#frontend#tools#cheat-sheet
  • Hoja de Referencia de Backbone.js

    Una guía sistemática del framework Backbone.js, que incluye métodos para conceptos básicos como modelos, vistas y enrutadores, ayudando a los desarrolladores a dominar rápidamente este clásico framework MVC frontend.

  • Hoja de trucos del empaquetador de JavaScript Browserify

    Guía de referencia de archivo para Browserify, el clásico empaquetador CommonJS para JavaScript del lado del cliente: opciones de CLI y transformaciones.

  • Hoja de referencia HTML

    Un manual de referencia sistemático de etiquetas HTML, que cubre la estructura del documento, controles de formulario, multimedia y otras etiquetas principales, ayudando a los desarrolladores a dominar los conceptos básicos del desarrollo web.

  • ShellJS: Comandos Unix portables para scripts de Node.js

    Guía rápida de referencia para ShellJS: comandos de shell Unix portables para scripts de Node.js en Windows, macOS y Linux.