HTML5前端技术分享：快速上手yeoman

　　Yeoman是google和其他团队联合开发的一个脚手架工具. 他的主旨是利用bower,gulp或者grunt迅速搭建一个易用的工作流，再说白点 ，就是为我们的项目搭建框架目录结构，使用它我们还能很快捷的建立项目中的依赖关系。

　　Yeoman的logo 是一个带帽子的铁皮人 因为yeoman的使用依赖于node以及bower 在这里我们就不多做介绍了 网上有很多例子 就不一一赘述了 安装完node后接下来我们学习如何去安装yeoman

　　首先利用npm 我们来全局安装yeoman 输入 npm install –g yo

　　然后我们在来安装 gulp-cli 以及bower

　　最后我们再来安装(项目库)generator-webapp 输入指令npm install -g generator-webapp，在这里需要提及下尽量避免使用淘宝镜像进行安装yeoman 否则在安装gennerator的时候容易触发问题。

　　成功后 就可以进行项目的搭建了，我们跳转到一个新的项目目录里 这里我用test代替。让后在指定目录中输入 yeoman 成功后会显示如下“小铁人”

　　在这里我们以搭建一个bootstrap框架为例 可以选择BDD 和 TDD 两种方式 前者以软件开发者作为中心 进行项目搭建 后者以测试人员测试为中心来搭建项目体系 不明白的同学 可以百度下 敏捷开发中 BDD 和TDD以及ATDD的概念 在这里 我选择 BDD进行搭建

　　选择完成后,npm会迅速进行创建 如下图所示

　　完成后在test项目中就会产生如下目录：

　　到这为止那么恭喜你bootstrap的框架就搭建好了

　　那么接下来 我们在搭建一个angular的项目。在刚刚的基础上我们在创建一个目录叫test2 然后再npm中安装 generator - angular 库，输入 npm install –g generator – angular

　　安装成功后 在test2目录中可以直接输入yo angular 这样就可以进行angular的项目搭建了

　　在这里需要一提的是安装其他框架时 yo 会给你一系列选项 这一系列选项就要根据你的项目需求来定了。

　　当yeoman执行完所有以后 ，就会生成一个angular的项目里 到这里项目的搭建也就完成了。是不是很方便呢。

来源：千锋HTML5