Editing Stylus source in Aptana Studio

Posted: February 15th, 2012 | Author: | Filed under: Web Development | Tags: , , , , , | No Comments »

Just a quick tip. While Aptana Studio doesn’t have an editor mode for Stylus (an awesome CSS dialect) yet, it seems to work quite well when configured to treat .styl files as CSS files. The syntax highlighting looks good, it can mostly auto-complete CSS properties and values (depending on how much you use Stylus radical syntax) and can even spot some errors (though it does obviously treat some of Stylus syntax as errors, but not as much as one would expect).

To tell Aptana Studio to open Stylus files with the CSS editor, go to Window -> Preferences -> General -> Editors -> File Associations -> Under File types click Add… -> Under File type enter *.styl -> Click Ok -> Under Associated editors click Add… -> Select CSS Source Editor -> Click Ok.

If you want to see real Stylus support added to Aptana Studio, bug them about that in the ticket I opened :-)



Leave a Reply