前端自动化构建yeoman

前端自动化可分为：

yo（脚手架工具）、grunt（构建工具）、bower（包管理器）。

OMAN的特性

http://yeoman.io/learning/

 

闪电般的初始化：项目开始阶段，可以基于现有的模板框架（例如：HTML5 Bolierplate、Twitter Bootstrap）进行项目初始化的快速构建。

了不起的构建流程：不仅仅包括JS、CSS代码的压缩、合并，还可以对图片和HTML文件进行优化，同时对CoffeScript和Compass的文件进行编译。

自动编译CoffeScript和Compass：通过LiveReload进程可以对源文件发生的改动自动编译，完成后刷新浏览器。

自动Lint代码：对于JS代码会自动进行JSLint测试，确保代码符合最佳编程实践。

内置的预览服务器：不再需要自己配置服务器了，使用内置的就可以快速预览。

惊人的图片优化：通过使用OptiPNG和JPEGTran来优化图片，减少下载损耗。

杀手级包管理：通过bower search jQuery，可以快速安装和更新相关的文件，不再需要打开浏览器自己搜索了。

PhantomJS单元测试：可以非常方便的使用PhantomJS进行单元测试，一切在项目初始的时候都准备好了。

1、安装

npm install -g yo 安装yeoman
    

安装完成之后执行  yo -v检查安装情况。

2、安装完成之后，要有相应的磨具才能成产相应的代码，在官网的generation里面找需要的模板进行暗转。

 创建一个项目跟目录 mkdir yo-in-action
 进入该目录 cd yo-in-action
 创建一个项目目录 mkdir angular-in-action
 进入该目录 cd angular-in-action
 安装：yo angular learnangular
 learnangular是项目运行的时候的项目名，并不是文件夹或者文件名。
 安装的语法为：(npm install -g generator-名字
主要要用什么模板变安装什么 名字就是什么
完成之后看package.json配置文件就行

运行pwd查看当前所在的位置，进入，列出问价  ls -al

完成。