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为例:
- 项目生成在所在目录,提前创建好目录
- 进入目录
- (很关键)安装Generate -----》 npm install generate-angular
- 生成angular的项目 -----》 yo angular my-angular
- 查看 -----》 ls -al
- 阅读package.json配置文件
-
Yeoman生成的项目本身是基于node构建的项目,作为node的项目应首先阅读package.json配置文件,这个文件包含了项目的最直观的描述
“dependencies”:{} 是项目在生产环境中需要的依赖
(1)何谓是生产环境
- 如果将来开发一个node程序,
- 上线发布后,别人可以通过 npm install 安装的时候会去查看我们的node程序的package.json的配置文件,
- 里面的”dependencies”的字段,项目依赖的node程序一安装
- 但是,声明在”devDependencies”中的node包则不会被安装
(2)dependencies为什么为空:
虽然我们开发的项目是node项目,但最终发布的时候是一个站点,并不是node项目,所以声明没有意义。
---------------------------------------------------------------------------
DevDependencies是开发过程中所要依赖的包