Codekit – 為Web前端打造的全能型神器(附推薦各種工具):前端開發利器-F5

文章目錄

• 參考：

Codekit - incident57又一華麗麗的工具,目前是beta，官網上介紹中羅列了這些功能特性：

• 自動編譯Less, Sass, Stylus, CoffeeScript, Jade & Haml等檔案
• 致力於js檔案合并和壓縮，以及js語法錯誤檢查
• 同時還支援Compass(Sass伴侶,官網地址:compass-style.org)
• 令人髮指的是甚至還能對jpeg&png圖片最佳化
• 自動重新整理瀏覽器(之前推薦過同類的工具:前端開發利器-F5)
• 讓你在不同的項目中僅維護同一套文檔
• 然而這還僅僅是其中的一部分...

相信對於Web前端攻城師來說,這些功能都是非常受用的

 

但是....

> 該軟體只能跟Mac合體(Mac OS 10.7+)

> 收費的...當然這麼好的軟體還是值得購買的

想瞭解更多請移步官方網站吧 : http://incident57.com/codekit/

 

既然提到了工具,就順帶再推薦一些相關的工具供大家使用吧,涵蓋Mac,Linux,Windows平台 :

LESS.app (free,for mac)

同樣出自incident57早期的一個 工具，Codekit是它的升級版

 

WinLess   (free,for win)

WinLess是Windows下LESS.js的GUI工具，對於Windows下的web developer來說是居家必備的神物...

 

SimpleLESS (free for mac, linux and pc)

同樣是華麗得一塌糊塗,貌似跟mac搭上邊的軟體都有這麼一個特性-, -

 

Crunch (基於air,所以跨平台)

特點:

Crunch不僅僅是一款LESS編譯器，同時也是LESS編輯器.

如果你工作中跟大量的LESS檔案打交道試下它准沒錯.

Crunch是基於Adobe AIR平台.

 

 

SASS相關的GUI推薦:

compass.app ($7  Windows/Linux/Mac)

支援Windows/Linux/Mac
支援LiveReload
內建Web server
支援Compass擴充

 

參考：

http://sass-lang.com/ (很久前打算翻譯官方的文檔，貌似在草稿箱存了挺長時間一直木有完成它,找時間整理一下)

http://www.lesscss.org (由於官網在牆外，taobao ued飛長童靴發起了LESS中文站以及LESS線上工具 以及各種工具彙集)

https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js (同時也推薦了幾款命令列工具)

http://winless.org/

http://compass.handlino.com/