YUI Compressor for Sublime text2

zuo發表於2014-11-07

YUI Compressor 是一個用來壓縮 JS 和 CSS 檔案的工具,採用Java開發。 最近壓縮檔案,常使用線上壓縮的方式來壓縮檔案,一來多有不便,二來如果沒有網路,只能擱置了。本文來描述如何在Sbulime text2中使用YUI Compressor外掛。

Java的安裝

官網上下載java,並安裝,安裝完成後進行環境變數配置:

1.我的電腦 -> 右鍵屬性 -> 高階系統設定 -> 高階 -> 環境變數 -> 系統變數:

(1)新建->變數名:JAVA_HOME變數值:C:\Program Files\Java(我的JDK安裝路徑)

(2)編輯->變數名:Path在變數值的最前面加上:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

(3)新建->變數名:CLASSPATH變數值:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar 測試下環境變數是否設定成功:

cd:\Users\zuojj\javac
用法: javac <options> <source files>
其中, 可能的選項包括:
  -g                         生成所有除錯資訊
  -g:none                    不生成任何除錯資訊
  -g:{lines,vars,source}     只生成某些除錯資訊
  -nowarn                    不生成任何警告
  -verbose                   輸出有關編譯器正在執行的操作的消
  -deprecation               輸出使用已過時的 API 的源位置
  -classpath <路徑>            指定查詢使用者類檔案和註釋處理程

出現上述結果,表示安裝成功。

YUI Compresso外掛安裝

通過Sublime text2常用安裝方式安裝。不再贅述!

程式碼壓縮

外掛安裝完成後,到Sublime text2選單欄 -> Tools -> Build System -> 選中YUI Compressor -> 開啟需要壓縮的CSS 或者 JS檔案(比如a.css)-> (Tools -> Build 或者直接Ctrl + B) -> 在a.css目錄中生成a.min.css檔案 -> 完成壓縮。

線上(變數)壓縮與反壓縮工具推薦

1. JS線上(變數)壓縮工具

2. JS線上(變數)反壓縮工具

轉載宣告:

本文標題:YUI Compressor for Sublime text2

本文連結:http://www.zuojj.com/archives/1059.html,轉載請註明轉自Benjamin-專注前端開發和使用者體驗

相關文章