kamlekar / HTML-Skinning-Boilerplate

A Boilerplate/Scaffold to do HTML skinning faster for Websites.

Installation:

Here are some easy installation steps:

• Make sure nodejs installed (for templating, sass and SVG Spritesheet).
• After installing nodejs, cd to the project folder through Command prompt.
• npm install
• npm install -g gulp
• gulp (this will watch for changes related to sass, templates, svg spritesheet) (add prefix sudo in mac/linux, if necessary)

That's it!! everything is ready now. Always make sure to run gulp from your project folder through command prompt, before working on the code. The generated / compiled files will be available in dist/ folder.

Note: Work only on .scss and .pug / .nunj files. Don't try to change .css and .html files in dist/ folder. Keep other files like images, fonts and js files directly in dist/ folder.

Compiling HTML and CSS files

To compile HTML and CSS files from PUG / Nunjucks and SCSS files, respectively, you can run the following command in Command prompt:

• gulp run => To compile the files once
• gulp watch => To compile the files everytime there is a change in PUG / Nunjucks and SCSS files. (Continuous watcher)