What is Yoeman?? Why should we see this regularly in gruntfile.js?


Any of you are aware of this yoeman? But sure, i am not in one of you. I frequently see in gruntfile.js having following code..

<%= yeoman.app %> & <%= yeoman.dist %>

In files..

js: {
files: [‘<%= yeoman.app %>/**/*.js’],
tasks: [‘newer:jshint:all’],
options: {

html: {
files: [‘<%= yeoman.app %>/**/*.html’],
options: {


I dont understand anything..coz i am new to all..neither grunt not yoeman.. i am a new born baby with no thoughts šŸ˜›

Lets meet yoeman šŸ™‚


YoemanĀ can write boilerplate code for your entire web application or individual pieces like Controllers and Models. Yeoman can fire up a preview web server and watch your files for edits in order to live reload changes and compile your Sass. Yeoman can also run your unit tests, minimize and concatenate your code, optimize images, plus more!

Yeoman also works with other tools for improving your productivity:

  • grunt is used to build, preview, and test your project, thanks to help from tasks curated by the Yeoman team and grunt-contrib.
  • gulp is an alternative to GruntJS that favors code over configuration.
  • bower is used for dependency management, so that you no longer have to manually download your front-end libraries.

You can install Yeoman generators using the npm command

Request to go thru this url once and even this

Stackoverflow says:

More specifically, yeah… Yeoman is a generator. For example, if I run the latestĀ generator-angular, the Gruntfile.js it produces includes this bit of code:

yeoman: {
  // configurable paths
  app: require('./bower.json').appPath || 'app',
  dist: 'dist'

So you can see, at least from the generator I used, that <%= yeoman.app %> will default to a directory called ‘app’ and <%= yeoman.dist %> will point to ‘dist’. If I pasted the entire Gruntfile the generator created for me, you would also see these are used by many of the tasks that build and test the app.

ReferĀ here

How to start up with yoeman?? here

Thought to explain the configuration and kickstart of yoeman..but after looking the documentation i changed my decision. Its really very simple with clear explanation & screen shots in the yoeman documentation

List of yoeman generators


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s