LESS/SASS/Stylus development tools summary

4,948 0
Summary

Front-end developers leveraging CSS preprocessors like LESS, SASS, and Stylus can streamline their workflow with various specialized tools. Sublime Text offers a rich ecosystem of plugins, including Less Sublime, SASS-Build-SublimeText2, and Emmet, to enhance coding efficiency. Chrome's Developer Tools provide experimental native SASS support, complemented by third-party extensions like SASS Inspector. Firefox users can integrate preprocessor debugging with Firebug plugins such as FireLess and FireSass. Additionally, tools like CssGaga now offer automatic processing for LESS files, further simplifying development.

LESS,SASS and Stylus are more and more popular among developers. More and more people are using these three tools now. Here we introduce some development and testing tools which can make our development process simpler.

SublimeText

Many front-end developers are now using Sublime Text 2 as their main text editor, there are many plugins in Sublime Text as well. We can use Ctrl+Shift+P –> install package to search relative plugins.

Chrome

The latest version of Chrome now supports SASS, click the Setting button at the right bottom corner of Developer tool. Switch to Experiments Tab to enable it.

chrome-sass

Hope it supports LESS by default.

There are also some third party plugins available.

Firefox

CssGaga supports LESS

The latest version of CssGaga now supports LESS file processing automatically.

Reference : http://www.qianduan.net/summary-of-less-sass-stylus-development-tools.html

CSS SASS LESS STYLUS

  RELATED

  COMMENTS

0

No comment for this article.