各類less開發工具

less是前端開發CSS的神器，但如何讓less代碼語法高亮，智能提示，快速編譯及格式化，這不是通常的IDE的less插件能作到。下面是我搜刮到的一些工具

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/

http://compass.handlino.com/