一、介绍、安装

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

最新文章

  1. C# salt+hash 加密
  2. sql 优化
  3. github添加ssh方法(windows版)
  4. Sep19_html/css_imooc学习笔记_1
  5. PHP二维码生成的方法(google APi,PHP类库,libqrencode等)
  6. VS2015如何新建MVC空模版项目
  7. sso demo 取消https (cas)
  8. 【noiOJ】p8208
  9. u盘安装ubuntu
  10. OAF TABLE中添加序号列
  11. 详解linux运维工程师入门级必备技能
  12. ajax中向HTML页面中指定位置添加信息
  13. 关联规则挖掘之apriori算法
  14. 写了一个jquery的 弹出层插件。
  15. selenium webdriver 学习笔记(三)
  16. flume 日志采集工具
  17. c# 遍历文件夹及其所有文件
  18. 参数修饰符ref,out ,params的区别
  19. Java NIO (一) 初识NIO
  20. Python与JavaWeb的第一次碰撞

热门文章

  1. Kafka 启动报错java.io.IOException: Can't resolve address.
  2. js中的arguments、Array.prototype.slice.call()
  3. C++ class with pointer member(s)
  4. 「HNOI2016」大数
  5. C语言for循环嵌套示例
  6. 设计模式课程 设计模式精讲 2-4 UML类图讲解 对比讲解 demo
  7. idea2019 3.3最新版本破解安装教程
  8. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:禁用按钮
  9. 小陈WEB漏洞扫描器 V2.0
  10. react基础总结