Yeoman — Scaffolding Tool For Modern Webapps

Image for post
Image for post
Modern Webapp Scaffolding

Yeoman is a robust and opinionated client-side stack, comprising tools and frameworks that can help developers quickly build beautiful web applications. It takes care of providing everything needed to get started without any of the normal headaches associated with a manual setup.

Yeoman is named after this Guy:

He wears top hat and lives inside our computer. He waits for us to tell him create a new project setup build for us. He is awesome lets get to know him better :)

I first came to know about Yeoman a year ago. I was especially lured with the Illustration of him. After looking at him I wanted to make a friendship with him and now I know him well. He is helpful for creating my startup projects without any manual hectic.

Yeoman is one of the web’s most popular tooling frameworks with over 400 contributed reusable plugins. The open source project which makes project scaffolding an easy step.

This means that basic project structures and dependencies can now be setup with just one or two commands from the CLI. Is that not amazing?

So, lets chat with him through the command lines ..

First, of all we need Node.js installed in your system. Then lets install Yeoman :) So lets install yeoman globally inside our PC.

npm install -g yo

npm install -g generator-webapp

After these commands We can build a webapp from scratch.

We can now can Yeoman with the command YO


We can select the given options for setting up desired webapp. After desired files selected our files are ready.Yeoman just built all file and folder structure for us including HTML5 boilerplate.

And moreover yeoman cones with grunt inbuilt. Which can be activated by

grunt server

It opens an application with live reload to it. Moreover it adds more built in plugins provided by grunt like Concatination, Livereload, Jshint and cheers.

Happy Coding !!

Written by

Product Designer and Frontend Developer |

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store