前端框架:Yeoman

jopen 6年前

Yeoman是一个非常出色的前端框架,对于前端项目的构建优化,团队管理很有帮助。
yeoman-logo.a053.png

yeoman可以方便web开发者快速构建出一个标准化结构的web项目流程。它不只是一个工具,是一个工作流程,这个工作流程包含了3个工具。

1. bullet-yo.f6f8.gifYo  它就是一个脚手架的工具,用于构建一个新的项目框架

2. bullet-grunt.0c59.gifGrunt  项目的构建工具

3.bullet-bower.e181.gif Bower 包管理,不再需要手动去下载scripts了

Yeoman特性总结

  • 快速创建骨架应用程序——使用可自定义的模板(例如:HTML5、Boilerplate、推ter 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轻松地运行单元测试。当你创建新的应用程序的时候,它还会为你自动创建测试内容的骨架

项目主页:http://www.open-open.com/lib/view/home/1390813783601