Browsersync Live Web Preview Tool
Definitively and objectively the best live preview web development tool.
Installing Browsersync is the same for Mac, Windows, or Linux because it uses NPM, which you must first install.
Once you have NPM installed it’s pretty easy to install
browser-sync on anything.
sudo npm install -g browser-sync
⚠️ Warning: don’t forget the dash. It’s
sudo is required be because we are installing a package globally on this computer.
-g means install this “package” globally.
⚠️ If you leave out the
npmwill (stupidly) try to install locally and create
node_modulesand a stuff in your local directory that you will have to remove. Super annoying, but it is what it is.
+ firstname.lastname@example.org added 1 package and audited 1 package in 2.533s
Running Browsersync in Server Mode
First of all
cd into the directory you are working on.
browser-sync start \ --no-notify --no-ui \ --ignore '**/.*' \ -sw