>[success] # Yeoman [Yeoman-- 一个强大的前端构建工具 ](https://www.jianshu.com/p/e12cab6ab852) [前端自动化工具 - yeoman](https://www.yuque.com/kongdepeng/rgpm60/qrluup) [yeoman 官网看教学步骤详细到啥都懂](https://yeoman.io/codelab/index.html) ~~~ 1.Yeoman是一个通用脚手架系统,允许创建任何类型的应用程序。它允许快速开始新项目并简化现有 项目的维护,关于为什么使用'Yeoman' 读'前端自动化工具 - yeoman' 2.Yeoman 代表的是一般开源工具的理念。它不提供某一技术栈的最佳实践方案,而专注于实现脚手架生 成器的逻辑和提供展示第三方生成器 ~~~ >[danger] ##### Yeoman 组成 ~~~ 1.Yeoman工作流包括三种类型的工具 1.1.yo --- 脚手架,自动生成工具 1.2.Grunt、gulp --- 构建工具 (最初只有grunt,后面gulp火了添加进来的) 1.3.Bower、npm --- 包管理工具 (原来是 bower,后面添加了npm) 2.对'yo'做个说明'yo'它也是一个完全交互式的工具。只需yo在终端中键入即可提供选项列表,以管理与生成 器相关的所有内容0:'运行,更新,安装,帮助和其他实用程序' ~~~ >[danger] ##### 使用 ~~~ 1.需要先全局安装一下'yo' -- 'npm install -g yo',安装完成之后,你就拥有了1个命令 -- yo 2.如果直接输入'yo' 后会看到下图一个执行面板,可以使用yo 提供的' Install a generator' 选项去搜索 一些被其他开发人员通过'Yeoman '生成上传的'项目结构模板' 3.也可以通过其他途径查找在被其他开发上传到npm的'generator' ,这里使用一个 node 的(generator)'项目结构模板' 'generator-node' -- gitub 地址 https://github.com/yeoman/generator-node, 安装指令' npm install --global generator-node',在输入'yo' 就会看到图二效果 4.以刚才的'generator-node' 为例,使用它为模板快速创建项目可以输入指令'yo node' (关于快捷指令需要看安装对应'generator'所提供的) ~~~ * 图一 ![](https://img.kancloud.cn/0b/5f/0b5f88b63afd570735a368d29737f7a2_506x112.png) * 图二 ![](https://img.kancloud.cn/b0/72/b072a50b61b9bc1a8d3ee0fd767055d0_420x135.png) * 输入yo node 选择一堆配置后,最后会根据generator-node规则生成一个项目目录 ![](https://img.kancloud.cn/6c/db/6cdb7a0817703978c0e7ad929ac2ed8b_433x340.png) * 生成的项目目录效果 ![](https://img.kancloud.cn/81/0a/810a7e6784c301508e2105de8ce9b1d4_400x291.png) >[danger] ##### 总结 ~~~ 1.明确你的需求 2.找到合适的 Generator 也就是一个合适的工程模板 3.全局范围安装找到的 Generator 4.通过 Yo 运行对应的 Generator 5.通过命令行交互填写选项 6.生成你所需要的项目结构 ~~~