Node.js+yeoman Building front-end automation Web applications

The birth of yeoman is designed to provide developers with a range of robust tools, libraries, and workflows that help them quickly build beautiful, compelling Web applications. Yeoman contains the three parts of Yo, Grunt, Bower, respectively, for project launch, file operation, package management. The official website has done the detailed introduction: http://yeoman.io/

The installation of Yo, grunt, Bower must be installed via node . js to download the appropriate version of the installation package to the node. JS website https://nodejs.org/, the test environment is WINDOWS7 64-bit, Follow the prompts to install by default. The installation is complete, a Test folder Web is created on the C drive, the folder is entered, and the "shift+ right button" = "Open command Window Here" tests node. js Normal,

1, install Yeoman, command line input:

npm install-g yo Grunt-cli Bower

YeomanInstallation is complete,

2, to achieve the rapid construction of Web applications, you need to install Generator-webapp, command line input:

NPM install-g Generator-webapp

installation process

3, build the Web application, command line input:

Yo WebApp

prompt to choose to install some of the Web app's framework and other things, can be moved by the up and down arrows, with the space bar to select or Cancel, I chose here bootstrap, press ENTER.

prompt again to select, enter "Y" carriage return.

There will be a warning, do not move, directly press ENTER to complete the installation. Command Line input:

Grunt Server

To run the project, an error message appears:

This is because you have previously selected bootstrap and need to install the appropriate dependency package with Bower.

command Line input:

Bower Install

There will be an error message, you'll need to install git, install it using GIT's command line interface, git:http://git-scm.com/

When the installation is complete, open the command line interface and enter:

Bower Install

When the installation is complete, re-enter it at the command line:

Grunt Server

The browser will automatically open an interface,

at this point, the Web App build is complete.

Node.js+yeoman Building front-end automation Web applications