zoukankan      html  css  js  c++  java
  • Yeoman:适合现代Web应用的现代工作流

    Yeoman:适合现代Web应用的现代工作流 

     

    Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。

    Yeoman的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散的依赖关系。

    Yeoman主要有三部分组成:yo(脚手架工具)、grunt(构建工具)、bower(包管理器)。这三个工具是分别独立开发的,但是需要配合使用,来实现我们高效的工作流模式。

    下面这幅图很形象的表明了他们三者之间的协作关系。

    闪电般的初始化:项目开始阶段,可以基于现有的模板框架(例如:HTML5 Bolierplate、Twitter Bootstrap)进行项目初始化的快速构建。

    了不起的构建流程:不仅仅包括JS、CSS代码的压缩、合并,还可以对图片和HTML文件进行优化,同时对CoffeScript和Compass的文件进行编译。

    自动编译CoffeScriptCompass通过LiveReload进程可以对源文件发生的改动自动编译,完成后刷新浏览器。

    自动Lint代码:对于JS代码会自动进行JSLint测试,确保代码符合最佳编程实践。

    内置的预览服务器:不再需要自己配置服务器了,使用内置的就可以快速预览。

    惊人的图片优化:通过使用OptiPNG和JPEGTran来优化图片,减少下载损耗。

    杀手级包管理:通过bower search jQuery,可以快速安装和更新相关的文件,不再需要打开浏览器自己搜索了。

    PhantomJS单元测试:可以非常方便的使用PhantomJS进行单元测试,一切在项目初始的时候都准备好了。

     对ES6模块语法的支持:你可以使用最新的ECMAScript 6模块语法来编写模块。这还是一种实验性的特性,它会被转换成eS5,从而你可以在所有流行的浏览器中使用编写的代码。

     生成AppCache清单:Yeoman会为你生成应用程序缓存的清单,你只需要构建项目就好。

    官网地址:http://yeoman.io/   当前为1.0beta版本 , 目前还不支持windows,官方说法正式版时将会解决这个问题,有Mac电脑的可以尝鲜一下。

  • 相关阅读:
    Struts2操作request、session和application对象
    json工具性能比较:json-lib和jackson进行Java对象到json字符串序列化[转]
    Java中的内部接口
    Struts2.0 xml文件的配置(package,namespace,action)
    过滤器实用案例
    Struts2教程
    struts全包导入问题
    Maven构建项目速度太慢的解决办法 Maven 调试
    HBase之五:hbase的region分区
    HBase之二:Hbase优化
  • 原文地址:https://www.cnblogs.com/unixshell/p/3410592.html
Copyright © 2011-2022 走看看