Julien Melissas

Browsersync Server is your little development friend

Introduction

Julien Melissas

Julien Melissas

I'm a Web Developer, Foodie, and Music Lover/Maker living in Asheville, NC. I make things on the web at Craftpeak & JM Labs.


LATEST POSTS

maybe-rgba() sass function 16th December, 2017

fRamen: “Fancy” Instant Ramen 16th October, 2017

Code

Browsersync Server is your little development friend

Posted on .

Ever used Browsersync? If you’ve used Sage you’ve likely used it since we moved from LiveReload.

Anyways… assuming you have node/npm available at the command line you can install Browsersync globally like so:

$ npm install -g browser-sync

Once you’ve done that, navigate to a folder with an index.html file in it (maybe it has some css, js, or images too!) and type this:

$ browser-sync start --server --files "*.html"

That will start a web server at http://localhost:3000 and open your browser to it. It will also watch html files in that folder for changes (that last parameter defines what to watch).

Julien Melissas

Julien Melissas

https://www.julienmelissas.com

I'm a Web Developer, Foodie, and Music Lover/Maker living in Asheville, NC. I make things on the web at Craftpeak & JM Labs.

Navigation