Getting started with YEOMAN web scaffolding

What YEOMAN can do?

Instead of downloading web development frameworks all the time you started a project, It can be done in a few terimal commands.

YEOMAN has generators ecosystem which automates the process of creating containers and including dependencies for your new projects.

Installation

I wish you have Node and its package manager. If you don’t, please see at npm

$ npm install -g yo grunt-cli bower

Now, things are ready to go. Let’s start a simple web applicaiton with it.

Literally Getting started

To get started a project with YEOMAN, you needs to install a generator of your choice.

This will install the simple web-application generator.

$ npm install -g generator-webapp

Make a folder and initialize yo like this:

$ mkdir your_project && cd your_project
$ yo webapp

Basically,it will set up HTMLBiolerplate, JQuery and Grunt config file. For css frameworks, you can choose one framework of your choice (bootstrap, Sass, Modernizr).

This is how the directory looks like at this stage.

├── app #your app goes here
│   ├── favicon.ico
│   ├── images
│   ├── index.html
│   ├── robots.txt
│   ├── scripts
│   └── styles
├── bower_components #installed frameworks and components 
│   ├── bootstrap
│   └── jquery
├── bower.json
├── Gruntfile.js
├── package.json
└── test
    ├── bower_components
    ├── bower.json
    ├── index.html
    ├── npm-debug.log
    └── spec

Well, this is a starting point of YEOMAN and for practical usage, it is necessary to know about bower and Grunt, which I will cover in later blog entries.