LESS/SASS/Stylus开发工具汇总

jopen 12年前

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