搭建yeoman自动化构建工具

yeoman可以快速的搭建一个项目的手脚架，初次接触yeoman，在搭建的过程中遇到了很多的问题。

yeoman需要node.js（http://nodejs.org）和git（http://git-scm.com/downloads）作为开发环境，所以需要先安装这两个东西。

yeoman主要由三个东西构成，需要分别安装yo（脚手架工具）、grunt（构建工具）、bower（包管理工具）。

cnmp install -g yo
 cnpm install -g grunt-cli
 cnmp install -g bower

在这里使用了cnmp，这是百度的一个东西，比npm安装要快很多。

因为要本人写一个AngularJs应用，所以还安装了

cnmp isntall -g generator-angular@0.9.8

然后创建一个项目目录例如StockDog，进该目录运行以下命令创建一个项目

yo angular StockDog

本人第一次没有安装yo，所以报了“yo不是内部或者外部命令”的错误。

查看我们的StockDog目录，如图

如果此时我们输入grunt serve命令启动配置的本地服务器，不会像预期一样运行，而是会报错，提示Unable to find local grunt，这是因为我们没有安装依赖包，查看文件package.json，我们可以看到本项目的依赖包。

所以我们要安装这些所有的包，执行以下命令

cnmp install

此时项目目录中会多出一个名为node_modules的文件夹，该目录包含了cnpm安装的包。

再次输入grunt server命令，还是报错，注意下面的红色报错字体，没有发现bower packages

我们打开bower.json文件，发现了很多项目要依赖的包和模块，有些是在创建项目的时候选择的。

所以我们要安装这些包和模块，执行下面命令

bower install

这时我还遇到了不识别bower命令的问题，于是运行下面命令安装bower

cnpm install bower --save-dev

这时还是有问题

因为bower是通过git下载包的，因为git没有在系统环境中配置路径，此时可以有两种方式解决

1. 在Git Bash中运行bower install
2. 配置git的环境变量路径，例如我的在环境变量path中添加G:Gitbin。

这时项目又多出了一个目录bower_components，该目录包含了bower命令安装的包，最终的项目文件目录如下：

这时再运行grunt server，则会应用会启动，并在默认浏览器中打开一个标签

这时使用yeoman就算成功了。