30 October 2015 | Design, Tech

Install sassy studio and ruby to compile your sass files quicker

Author: Mossy Breen

Until yesterday I was using a free version of Mindscape Web Workbench to handle my SASS files and compile them into CSS. Over time, however, as the CSS in projects became more complicated and the files became larger, Mindscape just wasn’t quick enough. Upon the guidance of Kit, I decided to switch tools and move to Sassy studio.

Sassy Studio relies on Ruby (Sassy uses a Ruby library to compile the SASS), so you’ll need to install that too. The order in which you install these tools does not matter. You might already have Ruby available on your machine depending on your skillset. My current Visual studio version is 2012, you might need to check your versions to find a compatible extension.

Install sassy studio

You can install it fromĀ https://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d.

Install ruby

You can install that fromĀ http://rubyinstaller.org/downloads/.

Configure

Once you have both installed, boot up Visual studio and check your settings (The ruby path is important, the rest is up to you). Here are mine:

Sassy Studio Settings

That’s it, done. My SASS is compliling much quicker, and I don’t need to wait as long to refresh the page when I’m “Making the logo bigger”. Kit tells me about faster tool using C, which uses time travel to compile your CSS, but for now I’m happy with Sassy Studio.

Call us!

Whether you have a specific need now or would like to explore, in general,
how custom software solutions might support your progress we'd love to talk.

Request a Callback