LESS/SASS/Stylus開發工具彙總

前端觀察發表於2013-02-18

來源:前端觀察

less、sass、stylus已經火起來了,越來越多的人開始使用這三個工具了,而且貌似使用less的人比較多一些~~而我們也有很多相關的開發和除錯工具可以讓我們的開發流程更簡單快捷一些~~

SublimeText

相信用Sublime Text 2作為主要編輯器的前端開發同學已經很多了,Sublime Text上面的相關外掛也不少,這裡無需多說,Ctrl+Shift+P –> install package可以搜尋到相關的外掛,不過,這裡也簡單的彙總下:

● Less Sublime

● Less build Sublime

● Less2css

● Less snippets

● Sublime text haml sass

● SASS-Build-SublimeText2

● Stylus

● Emmet——整合了less、sass、scss等,使用Tab或者Ctrl+E即可。

Chrome

最新版的Chrome開發者工具已經可以支援Sass了,點選開發者工具右下角的的設定按鈕,切換到Experiments Tab,即可開啟:

LESS/SASS/Stylus開發工具彙總

但是好期待也能夠預設支援Less啊!!!

當然也有很多第三方外掛可以用:

● SASS Inspector

● Sass Sleuth

好吧,chrome下貌似沒有好用的less、stylus外掛。

Firefox

● FireLess

● FireSass for Firebug

● FireStylus for Firebug

CssGaga 支援 LESS

最新版的CssGaga開始支援自動處理less檔案了。

相關文章