Using Yeoman for front-end web developers

Using Yeoman  for modern webapps


There are three main components in yeoman.
1.Yo      http://yeoman.io/
2.Grunt  http://gruntjs.com/
3.Bower. http://bower.io/

Installation

1.open your command prompt .and run.This command line will install all the tools globally.
           =>  npm install -g yo
2.install web app generator
           =>  npm install -g generator-webapp
  if you want to install AngularJS generator you can run
            =>  npm install -g generator-angular  yo webapp
  it will ask to choose some options.Example 
            bootstrap
            Sass
            Modernizr 
 after you choose ,it will automatically create skeleton web app project
3.to install dependency for the project from bower ,please run
          =>  bower install underscore
4.build the application for the deployment
          =>  grunt
5.so if you go and see in your project folder , you will see something like this.

6.To check your web app from browser, run
          =>grunt serve
 it will open browser and you will see something like this.

7.Now you can start to develop your own web project