1.1.0 • Published 10 years ago

generator-gulp-quickstarter v1.1.0

Weekly downloads
5
License
MIT
Repository
github
Last release
10 years ago

A Yeoman Front-End Boilerplate Generator

This is my first attempt at a generator, and a way for me to familiarize with nodejs. Please bear with me while I painfully try to improve my skills.

Features

  • Built-in preview server with BrowserSync
  • Automatic compilation of SCSS with Compass
  • Image Optimization
  • Zurb Panini flat file generator using Handlebars

Getting Started

  • Install dependencies: npm install --global yo gulp bower
  • Install the generator: npm install --global generator-gulp-quickstarter
  • Run yo gulp-quickstarter to scaffold your app
  • Run gulp serve to preview and watch for changes
  • Run bower install --save <package> to install frontend dependencies
  • Run gulp to build your webapp for production
  • Run gulp optimize to minify CSS & JS

How to Work with gulp-quickstarter

  • Work in the app/ directory
  • The result will be found in the dist/ directory
  • You can add a page in the app/pages/ directory, config the page this block :
  • Example : you want to add a specific javascript files for your homepage, named home.js, you just have to create home.js file in the app/src/custom/ directory and configure the page this way :
  • If you really need it you can add several specific javascript files :
  • Take a look at app/layout/default.hbs to see how to call partials

  • To use datas from the datas/ folder

  • To call a partial from partials/ folder

  • You can add Handlebars helpers by creating a helpers/ forlder in app/. Refer to Panini documentation on how to declare helpers

License

MIT License

1.1.0

10 years ago

1.0.4

10 years ago

1.0.3

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago