Browsersync

De Mi caja de notas

Révision datée du 26 janvier 2018 à 07:00 par Xtof (discussion | contributions) (Page créée avec « https://browsersync.io/ https://browsersync.io/#install == Démarrage en 5 minutes == === Installer Node.js === Browsersync est un module pour Node.js, une plateforme... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

https://browsersync.io/


https://browsersync.io/#install

Démarrage en 5 minutes

Installer Node.js

Browsersync est un module pour Node.js, une plateforme pour les applications de réseau. Il existe des [installateurs pratiques pour MacOS, Windows et Linux](http://nodejs.org/download/).

Installer Browsersync

Le gestionnaire de package Node.js (npm) est utilisé pour installer Browsersync à partir d'un [repository](https://npmjs.org/package/browser-sync). Ouvrez une fenêtre de terminal et lancez la commande qui suit :

   npm install -g browser-sync

Vous indiquez au gestionnaire de package de télécharger les fichiers Browsersync et les installez globalement afin qu'ils soietn disponibles pour tous vos projets.

Start Browsersync

Un usage basique est d'observer tous les fichiers CSS dans le répertoire `css` et de mettre à jour les navigateurs connectés si un changement survient. Naviguez dans votre fenêtre de terminal vers un projet et lancez la commande appropriée :

Sites statiques

Si vous n'utilisez que des fichiers `.html`, vous devrez utiliser le mode _server_. Browsersync démarrera un mini-serveur et fournira une URL pour visualiser votre site.

   browser-sync start --server --files "css/*.css"

Sites dynamiques

Si vous faites déjà tourner un serveur local avec PHP ou similaire, vous devrez utiliser le mode _proxy_. Browsersync emballera votre vhost avec une URL proxy pour visualiser votre site.

   browser-sync start --proxy "myproject.dev" --files "css/*.css"