yeoman 介绍、安装 和 使用

 

一、介绍、安装

1， 是什么

Yeoman其实是3个工具的总和：

ü  yo --- 脚手架，自动生成工具

ü  Grunt、gulp --- 构建工具 （最初只有grunt，后面gulp火了添加进来的）

ü  Bower、npm --- 包管理工具 （原来是 bower，后面添加了npm）

2， 作用

ü  在项目的立项阶段，使用yeoman来生成项目的文件，代码结构

ü  yeoman自动将最佳实践和工具整合进来，大大加速和方便了我们后续的开发

yeoman怎样保证用到的是最适合我们当前项目的：

1，      yeoman维护了一套生成器的生态

2，      可以把yeoman看作橡皮泥，生成器则是各式各样的模具

3，      如果在将来的项目中使用angular.js来进行开发，可以找angular的webApp的生成器

4，      如果在将来的项目在mobile上运行，可以找mobile的webApp的生成器

5，      不管用什么，yeoman都为我们统一了一些现阶段公认的（代码校验、测试、压缩 ）等最基本功能的流程，其余部分则交给生成器自由发挥

3， 安装

npm install -g yo grunt-cli bower

二、实践

1，yeoman本身是一团橡皮泥，操作需要各式各样的模具，既Generate

Generate不是随yeoman安装，需要我们根据自己的需求，自行安装

　　以安装angular为例：

1. 项目生成在所在目录，提前创建好目录 
2. 进入目录
3. （很关键）安装Generate     -----》 npm install generate-angular 
4. 生成angular的项目               -----》 yo angular  my-angular
5. 查看                                      -----》 ls -al
6. 阅读package.json配置文件

7. Yeoman生成的项目本身是基于node构建的项目，作为node的项目应首先阅读package.json配置文件，这个文件包含了项目的最直观的描述

　　　　“dependencies”:{}     是项目在生产环境中需要的依赖

（1）何谓是生产环境

• 如果将来开发一个node程序，
• 上线发布后，别人可以通过 npm install 安装的时候会去查看我们的node程序的package.json的配置文件，
• 里面的”dependencies”的字段，项目依赖的node程序一安装
• 但是，声明在”devDependencies”中的node包则不会被安装

（2）dependencies为什么为空：

虽然我们开发的项目是node项目，但最终发布的时候是一个站点，并不是node项目，所以声明没有意义。

---------------------------------------------------------------------------

DevDependencies是开发过程中所要依赖的包