安装yeoman

1.什么是yoeman

Yeoman不仅仅是一个工具，它还是一个工作流，一个让web开发和谐甚至变得更好的工具和最佳实践的集合。它的主要用途是提高在构建web应用时的生产力和舒适度，由三种核心工具构成：yo（脚手架工具），bower（包管理工具），grunt（构建工具）。其作用分别如下：

Yo——搭建新应用的脚手架，编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。

Grunt——被用来构建，预览以及测试你的项目，感谢来自那些由Yeoman团队和grunt-contrib所管理的任务的帮助。

Bower——被用来进行依赖管理，所以你不再需要手动的下载和管理你的脚本了。

2.怎样安装yeoman

1)安装yo,前提是已经安装了npm和node.js

$ npm install -g yo //“-g”也可以写成“--global”，意思是将这个包安装在npm的全局文件夹中而非当前路径的文件夹。

2)如果你的npm版本高于1.2.10，上一条指令已经自动安装好了Grunt和Bower。如果用的是老版本，则需要手动安装：

npm install -g grunt-cli bower

如果你以前安装了全局的grunt，你需要首先卸载grunt

sudo npm uninstall -g grunt

然后再执行上一条指令，安装Grunt和Bower。3)在创建一个脚手架的web应用程序时，你需要安装web应用的生成器

$ npm install --global generator-webapp

4)生成器安装好以后，就需要为你的工程创建目录

$ mkdir my-yo-project
$ cd my-yo-project

5)运行：

yo webapp

，下载工程模板

webapp是yo自带的工程模版,带有：html5Boilerplate、jquery、Modernizr、Bootstrap、RequireJS等框架

如果报权限问题，就要切换到root用户下，或者提高用户的权限

6)yo还提供一些框架发生器，可用于脚手架的一个项目和横向视图，模型，控制器等

例如：脚手架出一个AngularJSapp（这是我们本次项目需要用的项目用例）

与往常一样，采用了新的生成器之前，必须从npm里安装

npm install -g generator-angular

在此之后，在你创建的应用程序的目录里运行：

yo angular //使用 Yeoman 创建一个 AngularJS 项目

可运行

grunt serve   //开启 Grunt 的内置服务器

在浏览器上查看你工程的运行效果。

可能遇到的问题：如果你的npm版本高于1.2.10,可能也会出现bower为安装的问题，需要重新安装bower

可参考yeoman的官方网站：http://yeoman.io/