Yeoman:构建漂亮 Web 应用的工具和框架

  • 侯伯薇

2012 年 9 月 17 日

话题:JavaScript语言 & 开发架构

Yeoman是由Paul IrishAddy OsmaniSindre SorhusMickael DanielEric BidelmanYeoman 社区共同开发的一个项目。它旨在为开发者提供一系列健壮的工具、程序库和工作流,帮助他们快速构建出漂亮、引人注目的 Web 应用。

Yeoman 拥有如下特性:

  • 快速创建骨架应用程序——使用可自定义的模板(例如:HTML5、Boilerplate、Twitter Bootstrap 等)、AMD(通过 RequireJS)以及其他工具轻松地创建新项目的骨架。
  • 自动编译 CoffeeScrip 和 Compass——在做出变更的时候,Yeoman 的 LiveReload 监视进程会自动编译源文件,并刷新浏览器,而不需要你手动执行。
  • 自动完善你的脚本——所有脚本都会自动针对 jshint(软件开发中的静态代码分析工具,用于检查 JavaScript 源代码是否符合编码规范)运行,从而确保它们遵循语言的最佳实践。
  • 内建的预览服务器——你不需要启动自己的 HTTP 服务器。内建的服务器用一条命令就可以启动。
  • 非常棒的图像优化——Yeoman 使用 OptPNG 和 JPEGTran 对所有图像做了优化,从而你的用户可以花费更少时间下载资源,有更多时间来使用你的应用程序。
  • 生成 AppCache 清单——Yeoman 会为你生成应用程序缓存的清单,你只需要构建项目就好。
  • “杀手级”的构建过程——你所做的工作不仅被精简到最少,让你更加专注,而且 Yeoman 还会优化所有图像文件和 HTML 文件、编译你的 CoffeeScript 和 Compass 文件、生成应用程序的缓存清单,如果你使用 AMD,那么它还会通过 r.js 来传递这些模块。这会为你节省大量工作。
  • 集成的包管理——Yeoman 让你可以通过命令行(例如,yeoman 搜索查询)轻松地查找新的包,安装并保持更新,而不需要你打开浏览器。
  • 对 ES6 模块语法的支持——你可以使用最新的 ECMAScript 6 模块语法来编写模块。这还是一种实验性的特性,它会被转换成 eS5,从而你可以在所有流行的浏览器中使用编写的代码。
  • PhantomJS 单元测试——你可以通过 PhantomJS 轻松地运行单元测试。当你创建新的应用程序的时候,它还会为你自动创建测试内容的骨架。

想要了解更多关于 Yeoman 的信息,你可以访问它的官方网站Andy Matthews也发表了一篇文章,介绍了如何开始使用这一工具。

JavaScript语言 & 开发架构