LESS/SASS/Stylus开发工具汇总

2013-02-18 00:52

LESS/SASS/Stylus开发工具汇总

by

at 2013-02-17 16:52:49

original http://blog.jobbole.com/33317/?utm_source=rss&utm_medium=rss&utm_campaign=lesssassstylus%25e5%25bc%2580%25e5%258f%2591%25e5%25b7%25a5%25e5%2585%25b7%25e6%25b1%2587%25e6%2580%25bb

来源:前端观察

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



相关文章