DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> 前端開發自動化優化工具
前端開發自動化優化工具
編輯:HTML5詳解     

一、功能介紹:

該工具用於前端自動化優化,主要有以下功能:

  • 壓縮CSS–(yuicompressor)
  • JS語法檢查和壓縮–(google-closure-compiler)
  • jpg、png、gif無損壓縮–(jpegtran、pngout、gifsicle)

目前該工具只有Windows版本,Linux和Mac版本將在後面推出,歡迎大家試用。

二、安裝與使用:

安裝:

1、需要安裝 JDK >= 1.4, 並設置環境變量 Java_HOME

Java_HOME配置方法如下:

  1. 下載jdk並安裝,下載地址:www.Oracle.com/technetwork/java/Javase/downloads/index.Html
  2. 右鍵點擊 我的電腦>屬性>高級>環境變量>系統變量
  3. 新建變量,變量名JAVA_HOME 路徑:C:/Program Files/Java/jdk1.6.0_26 (填寫jdk安裝路徑)
  4. 找到path變量,在後面添加路徑:;C:/Program Files/Java/jdk1.6.0_26/bin (注意前面有分號)
  5. 打開cmd,輸入Java -version 如果能看到版本信息就說明配置成功了

2、直接解壓文件,運行F2E-Auto-Optimization.cmd(請不要放在有空格的目錄下面)

使用:

根據提示輸入項目所在目錄,直接按照提示操作。(注意:源代碼文件放在項目目錄下src文件夾,build目錄為優化後的文件,文件結構和src目錄結構一致)。

三、下載地址:

下載地址:F2E-Auto-Optimization-for-win.rar

項目地址: github.com/bingdian/tools

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved