Yeoman:强大的web构建工具

Yeoman 是一个定义了web开发流程的开源工具,但它不仅仅是一个工具,而是一个工作流程,集成了最佳的前端工具和开发模板,旨在帮助开发者快速的构建出健壮,漂亮的web应用。更多的项目功能和细节,参阅 yeoman.io

yeoman

Yeoman的目标用户是具有一定MVC/MVVP/MVVM基础的中级javascript开发者,帮助他们搭建HTML5的web应用程序开发环境。

Yeoman具有下面的特性:

  • 快如闪电的脚手架:使用可自定义的模板(如HTML5 Boilerplate, Bootstrap),RequireJS等轻松的创建新项目。
  • 非常棒的构建流程:不仅仅是工作被简化,yeoman同时也会优化图片文件,HTML文件,以及编译CoffeeScript和Compass文件。如果你使用AMD,将会通过r.js传递这些模块,大大简化工作。
  • 自动编译CoffeeScript和Compass:LiveReload将会监听文件变化并自动编译且刷新浏览器而不需要每次手动进行。
  • 自动检查你的脚本:你的所有脚本都会基于JSHint自动运行,以确保遵循语言的最佳规范。
  • 内建预览服务器:你不需要启动自己的HTTP服务器。用内置的一条命令即可解决。
  • 非常棒的图像优化:所有图片都使用OptiPNG和JPEGTran进行优化,使你的用户花费更少的时间来下载资源,有更多的时间使用你的应用程序。
  • 杀手级的包管理工具:需要一个依赖?只需要一个按键即可,yeoman允许你轻松地通过命令行(例如” bower serach jquery”)寻找最新的包来进行安装和更新而不需要打开浏览器。
  • PhantomJS单元测试:yeoman通过PhantomJS轻松的进行单元测试。当你创建一个新的项目,它会自动帮你创建测试框架。

简单上手:

你可以在这里找到完整的入门指南,确保你安装了 Node.jsGit (可选), RubyCompass (如果你计划使用Compass).

安装必须的工具到全局

这条命令将会自动安装 Grunt 和 Bower

yo 能生成很多种类型的应用程序,但它需要插件或者”generators”来帮助完成工作。要使用脚手架生成AngularJS程序,你需要先得到AngularJS的生成器。

注:很多生成器都会自动安装yo ,grunt以及bower。

你使用npm安装更多的生成器模板,或者创建自己的yeoman模板,你可以在这里找到一份列表。

使用:

你可以在Yeoman官网获取到更多信息  http://yeoman.io/

2 收藏

资源整理者简介:一兮

简介还没来得及写 :) 个人主页 · 贡献了5个资源


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer