LESS/SASS/Stylus開發工具匯總

        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 Inspector

        ● Sass Sleuth

        好吧，chrome 下貌似沒有好用的 less、stylus 插件。

        Firefox

        ● FireLess

        ● FireSass for Firebug

        ● FireStylus for Firebug

        CssGaga 支持 LESS

        最新版的 CssGaga 開始支持自動處理 less 文件了。