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是开发过程中所要依赖的包    

 

posted @ 2019-02-27 10:03  武卡卡  阅读(499)  评论(0编辑  收藏  举报