How can I run SASS in Sublime Text 2?

I downloaded this SASS syntax highlighting files and done the four steps instructed (as a Mac user). But I don't know how to run it so that my .sass file is converted to .css

Can you suggest me anything?

aurel

Posted 2012-02-27T06:48:29.180

Reputation: 125

I've given up on Sublime Text, everything needs to installed and configured, etc. Try using Aptana Studio3, compiling sass file is no-brainer just press crt+shift+r and it's done! – None – 2013-10-05T14:48:59.007

Answers

You should check out Compass. Run a compass watch and never look back.

dmackerman

Posted 2012-02-27T06:48:29.180

Reputation: 417

I've been using Edge with Sublime Text 2 to live edit Sass & Compass files. Check it out here http://getedge.io

nc.

Posted 2012-02-27T06:48:29.180

Reputation: 21

It looks like that uses Sublime's Build system to do the conversion. In Sublime, open "Tools > Build System" and choose Automatic, then try building (Cmd+B, F7, or Tools>Build.) If it still doesn't work, try changing the Build System from Automatic to SASS.

Jeff

Posted 2012-02-27T06:48:29.180

Reputation: 111

I use hammer for mac which has built in support for compiling SASS, coffeescript, HAML among others, as well as loads of other great features such as non-PHP includes, clever paths, variables etc.

Highly recommend it.

Steve Schofield

Posted 2012-02-27T06:48:29.180

Reputation: 101

I'm not sure how different things will be on Mac, but I use Sublime Text 2 on both Windows and Linux without any issues regarding Sass. I haven't used the plugin sublime-text-haml-sass though.

I would say:

Make sure Sass is installed on your system. The instructions for that plugin don't cover that. Make sure that Sass works outside Sublime. This has been a requirement for the plugins I've used for Sass processing.
Select the correct Build System. For me, sometimes the Automatic option does not work. I would advise you to select it manually. The Compass and SASS Build plugins add Compass and SASS options respectively, to that Tools >> Build System menu. I would guess that sublime-text-haml-sass does the same.
Remember to run the build (via Tools >> Build manually).

Batandwa

Posted 2012-02-27T06:48:29.180

Reputation: 481

CodeKit works like a charm; Simply open up your Sass/HTML/JS in Sublime Text, then run CodeKit.

Drag and drop your source folder into CodeKit, hit Preview and voila – it compiles and update all changes while giving you a live preview.

Keng

Posted 2012-02-27T06:48:29.180

Reputation: 151