easybs

Easy Browsersync Server

This code includes an HTML 5 Template with a NPM package config to install a minimal set of development tools including a Browsersync server and Gulp task runner. A gulp server command loads the html 5 template in a browser using Browsersync. Any edits made to the html or sass (scss) files are processed instantly and reloaded into the browser. Website: http://jimfrenette.com/html5-template/

1. Requires Node.js

2. Download or clone this repsoitory.

3. Change directory to /uiCookbook/easybs

4. Run npm install from a bash terminal or command prompt. This will read the package.json file and install the dependencies into the easybs project folder.

npm install

• Finally, run gulp server to load the index.html file in a web browser

gulp server

The gulp server task is configured so that any edits to the html are reloaded in the browser instantly. Any edits to scss files are processed into the css file and injected instantly into the browser.

If you wish to include normalize.scss in your sass build, run this task:

gulp cp

Then uncomment the normalize import statement at the top of /src/sass/base/_base.scss

Additional reading:

• browsersync.io
• gulpjs.com/
• sass-lang.com/