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文件了。

嗯，神飞暂时就只收集到了这么多，有更多好用的插件或者工具欢迎反馈~~