Yeoman installation and use detailed

Yeoman helps us create projects and provide better tools to make our projects more diverse.

Yeoman provides a generator system, a generator is a plugin that runs the generator when we use the ' Yo ' command on a full project. With these official generators, the Yeoman workflow is a robust, self-featured client stack that includes tools and frameworks to quickly build beautiful web applications. Yeoman provides everything that is responsible for starting the development of the project without any manual configuration of headaches.

Using a modular architecture, Yeoman leverages the successes and lessons learned from several open source community sites to ensure that stack developers are developing smarter and more intelligently. Based on good document fundamentals and a well-thought-out project build process, Yeoman provides testing and other additional technologies, so developers can focus more on solutions without worrying about other things.

Yeoman mainly offers three tools: Scaffolding (yo), build tool (Grunt), Package Manager (Bower). These three tools are independently developed separately, but need to be used together to achieve our more efficient workflow patterns.

Two Yeoman installation steps

System Environment: WIN8

　　1.node.js Installation

Download node. js from the official node. JS Site

Verify the installation succeeds after installation: Enter the command prompt, enter the node--verison command

　　

Installing node. JS will automatically install NPM to verify that NPM is installed successfully: Also enter NPM--version at the command prompt

　　

　　2. Install git

Git is an open source version control software developed by Linus Torvalds to help manage the development of the Linux kernel. Yeoman will use the software when building the project automatically, so we'll install it first. Download and install on the GIT official website

Select the second item

　　3. Installing Yeoman

Run npm install-g yo grunt-cli Bower at the command prompt

After several screens of installation information scroll, finally you will see the installation success prompt:

　　

　　4. Installing generator

Enter the yo command at the command prompt

　　

Select Install a generator with the upper and lower keys, we choose WebApp Generator, enter WebApp, select WebApp

　　

Next we use Yeoman to create the project

　　5.Yeoman use

Create a working directory to hold the Yeoman project. I am under the D disk new Angularjs WebApp working directory, terminal entry, enter the Yo command, use the up and down keys to select WebApp

　　

Here we do not choose SASS, because the need to sass the words running environment is Ruby, under the Windows configuration will be very troublesome, choose Bootstrap, do not select Modernizr, click Enter, after a few screens of information scrolling, will prompt the project build completed, the file directory is as follows:

　　

In the App folder directory:

　　

　　6. Previewing in the browser

At the command prompt, enter: Grunt server

　　

Startup success

　　

If the server error during startup, you can use force start, command grunt Server-force

After the server is started, the browser will automatically open and access: Http://localhost:9000/, as shown in:

　　

At this point, yeoman installation and use of the explanation is complete

Yeoman installation and use detailed