Yeoman

当需要快速启动一个 Angular、React、Polymer 或 Backbone 项目，又不想手动配置目录结构、构建脚本和依赖管理时，Yeoman 通过命令行生成器（yo）在数秒内完成脚手架搭建，并内置 lint、测试、压缩等出色实践。

核心组件与工作流

Yeoman 工作流由三套独立工具协同组成：脚手架工具 yo、构建工具（推荐 npm scripts，也支持 Gulp/Grunt）以及包管理器（npm/Yarn）。yo 负责生成项目骨架并写入构建配置（如 Gulpfile）和依赖声明；构建工具处理预览、测试与打包；包管理器自动下载所需脚本，无需手动管理。

• yo 命令：通过 npm install -g yo 全局安装后，运行 yo <generator> 即可启动交互式生成流程
• 生成器插件：每个生成器是一个 npm 包（如 generator-react-webpack），定义目录结构、配置文件和示例代码
• 构建配置自动生成：yo 会根据所选生成器写出 Gulpfile 或 Gruntfile，并预置 Sass 编译、图片优化等任务

生成器生态与自定义能力

官方及社区提供了超过 5600 个生成器，覆盖 Angular、Backbone、React、Polymer 等主流框架。每个生成器可视为微型程序，除创建标准化目录外，还能在交互过程中询问项目名称、框架选择等，并根据回答定制输出。开发者也可编写自己的生成器，利用 Yeoman 提供的文件系统交互、用户配置存储、单元测试辅助等 API。

• 一键安装：npm install -g generator-xxx 后即可通过 yo xxx 调用
• 交互式问答：生成器通过 Inquirer.js 实现用户输入收集，支持列表、输入、确认等类型
• 组合性：多个生成器可嵌套或顺序执行，例如先运行通用 Web 生成器，再追加特定模块生成器
• 调试支持：Yeoman 提供专门的调试指南和单元测试工具，帮助开发者验证生成器逻辑

适用场景与团队协作价值

Yeoman 尤其适合需要统一项目模板的团队，以及希望快速验证原型的前端开发者。通过生成器输出的标准化目录（如 src/、tests/、.gitignore、package.json），新成员加入时无需手动复制旧项目结构，也避免了配置遗漏。企业环境可基于内部生成器固化技术栈选型（如必用 TypeScript、Karma 测试框架），确保所有项目遵循相同规范。

• 单页应用快速启动：Angular 生成器自动配置 TypeScript、Karma、Protractor
• 传统多页项目：生成器可输出多页面入口、按需加载的 Webpack 配置
• 持续集成友好：生成的项目自带 lint 和测试脚本，可直接接入 CI 流水线

常见问题

Q1：Yeoman 的生成器必须通过 npm 安装吗？有没有离线使用方式？

A1：官方推荐通过 npm install -g generator-xxx 安装，生成器本质是 Node.js 包，因此也可通过 npm pack 或私有 registry 实现离线分发。Yeoman 本身不提供内置离线缓存机制。

Q2：Yeoman 生成的 Gulpfile 和 Gruntfile 能否在生成后自由修改？

A2：可以。yo 仅在初始生成时写入构建配置，后续修改完全由开发者控制。Yeoman 不锁定构建工具版本，也不强制覆盖用户改动。

Q3：Yeoman 与 create-react-app 这类官方脚手架有何区别？

A3：Yeoman 是一个通用生成器平台，不绑定特定框架，而 create-react-app 是 React 官方专用工具。Yeoman 的优势在于通过 5600+ 生成器覆盖多种技术栈，并允许团队自定义生成器以统一内部规范。

更多同类工具与网站,可在构建工具分类继续挑选。

信息核实于 2026年7月,具体以官网为准。