Provides support for sass files in Visual Studio

(10) Review
Visual Studio
2013, 2012
Download (23,083)
E-mail Twitter Digg Facebook
Add to favorites
Reviews (10)
Q and A (12)
Sign in to write a review
Sort by:

by Vardalas | December 15 2014

Thanks for your quick reply!
Well I have tried Sassy 2013, but has one major issue. I have a Core.scss that imports 2 scss files. The first is a lib.scss which has many mixins. The second is the main css file for the project:
@import 'lib';
@import 'main';

While I am saving-compiling the main.scss its always fails because it cannot find the mixin files from the lib.scss. The only way I have found to resolve this is to save each time the Core.scss file.
Any tip would really help!

darrenkopp December 15 2014
| Edit |

do you have lib.scss or _lib.scss? And second question is do you want lib.css + core.css or do you just want core.css?

If you want just core.css, then rename lib.scss to _lib.scss and that should resolve the problem.

by dthunziker | June 26 2014

Code highlighting and CTRL+K+D formatting is all I wanted, and SassyStudio delivered. Perfection.

by tecjda | March 09 2014

Excellent extension. This is packed full of nice options. I like where you can have the comments added to the output where the values originated from. This is really nice as I learn SASS. I am using VS2013 Update 1

by kieranjohn | January 30 2014

Great for sass editing and compilation!

by jsdev79 | January 04 2014

It is a little buggy. After installation, Visual Studio 2012 continued to crash each time I saved changes to a SCSS file. This happened after I deleted the min CSS files ([filename].min.css) associated to each SCSS file. After deleting all the SCSS files and starting again, this time leaving the min.css files there, all seemed ok. Changing the setting in Options seemed to have no effect. Frustrating and bit of a nuisance.

by Ryan J Burnett | December 18 2013

The best Sass extension for Visual Studio. Don't pay for other extensions that don't work as well. This is superior (and free). Highly recommended.

by sniro | November 23 2013

Handy extension for sass. Happy to have my ctrl K + D and block comment abilities. Some extensions like to take those away *glares*. Keep up the awesome work!

by Power Bala | November 17 2013


I would like to see the 'exception info' on the 'Output' window rather just see like
[Exception]Compass returned an error.
at SassyStudio.Integration.Compass.CompassDocumentCompiler.Compile(FileInfo source, FileInfo output)
at SassyStudio.Editor.GenerateCssOnSave.GenerateCss(DateTime time, String path)


Also would like to see if you can integrate LiveReload with this extension

darrenkopp November 23 2013
| Edit |

I just released an update that will give the error output from compass when it fails, so you will have better error information in the output window. Thanks for the feedback!

Also, could you head over to github and give me some more information on what you are wanting with LiveReload and I can look into adding support for it.

by Untit1ed | October 31 2013

The best SCSS editor available for VS

by Nathaniel Bagnell | September 17 2013

First, let me say thanks to the creator for taking the initiative of this. I believe it's long overdue though I haven't had the experience to develop Visual Studio extensions to do something.

I'm liking the highlighting, though I would love the CSS IntelliSense for the standard CSS/CSS3 properties. In addition, as discussed in the Q&A, code formatting and things of the like would be great too.

If there was a way I would give this 3.5, but I had to round up to 4. Looking forward to more improvements, thanks again!

darrenkopp September 25 2013
| Edit |

This has been added as of 0.7, but intellisense is still experimental so you have to manually enable intellisense in the options

Sign in to start a discussion

  • Line Numbers, Scrollbar Map?
    1 Posts | Last post Wed 10:46 PM
    • In Visual Studio 2013 Update 5 SassyStudio works great, but it will not show line numbers and it turns off the scrollbar code map. 
      SassyStudio seems to disregard all of the scss settings that are already in VS2013.
      Is there anything I can do to get line numbers?
  • CSS Gen Output Directory nbot working?
    1 Posts | Last post January 19, 2015
    • I updated the CSS Generation Output Directory to be css (which exists at the top level of my project), but anytime anything is in that field - it seems to stop building the css/css min files.  Am I doing something wrong?  This is for VS 2013.  
  • Choose destination
    3 Posts | Last post November 14, 2014
    • This plugin is a winner, but not sure how to tell it to compile to a different destination (ie, not in my SASS directory). Thank you.
    • currently in the options you can specify a top-level directory to put the output in, (for example, if you had directory \content\sass and put css in that option, then you'll get output in \content\css). right now project specific destinations is not supported.
    • Hey Darren, Where are these options? Can't seem to find them.
  • Version Support
    3 Posts | Last post May 21, 2014
    • What is the minimum version of Visual Studio that this works in?  I don't see that posted in the read me anywhere.
      I have VS2010. When I download the extension and double-click it, the Visual Studio Extension Installer says, "The extension manifest is invalid."
    • Actually never mind. Apparently I can't read.  I see the "Supports".   Any chance for 2010 support? ;)
    • I can look into what it would take to support VS2010. No promises though, but with support for SCSS baked into VS2013 now, I don't have to focus on that as much, freeing up time for possibly adding support for VS2010
  • Feature suggestion + possible bug
    3 Posts | Last post May 21, 2014
    • Thanks for really great extension!
      I would like to ask if it's possible to add an option "generate css" on "Save All" button. Also, is it possible to automaticly set SCSS files "build action" to "None" instead of "Content" ? I know it's perhaps more VS problem, but if it's possible within your extension, it will be nice.
      And at last, a possible bug.
      I enabled minification of style, but no [filename].min.css generated and yes, it's enabled in settings.
      Thank you
    • Well, about minification :) It's working, but it's not added into website project :) 
    • Re: generate on save all - I'll see what can be done. I'm guessing it's not raising the individual save events, so I'll see how to hook into that.
      Re: build action - I'll look into it.
      Re: minification - yes, it doesn't add it to the project. I can't remember exactly why I didn't do it, but I had a reason. I'll revisit that though.
  • Help
    2 Posts | Last post May 21, 2014
    • Hello! I need some additional software? Because in my Visual Studio this item does not appear(add new item)...
    • No, you do not need any additional software unless you plan to use something like compass or the sass gem for the compiler. Unfortunately I couldn't ever figure out how to get it into the "web" section of the add new dialog.
      IF you search for sass in that dialog, the templates should show up.
  • min question
    2 Posts | Last post May 21, 2014
    • Is there a way to min the css output using this VS extension? A colleague of mine uses a whole other set of tools (Mac, PHP, etc.), and he has some console where he can send an arg to min the CSS.  I was just wondering if that same sort of capability is available in your Visual Studio extension. BTW-Wonderful product, 
    • Yes, it's already built in and enabled by default. You should see .min.css files in the directory by default (I don't believe it adds them to the solution)
  • Scout
    2 Posts | Last post April 22, 2014
    • Hi there, I'm currently using Scout to create my CSS files, how does this work with SassyStudio, could I turn off the creating CSS files bit?
    • Yes, you can turn off compilation in the options. Tools > Options > SassyStudio
  • Does this only work on web projects?
    2 Posts | Last post March 08, 2014
    • I have this working for a web application project but it appears to do nothing for my class library project when I add a scss file.  After saving, nothing seems to happen.
    • This is working.  The file it created was hidden because it wasn't part of the project.  So there is no issue.
  • import statment working?
    3 Posts | Last post January 30, 2014
    • Importing from different folders says it cannot find file
      @import "css/variables"; [works]
      @import "../../Content/css/reset"; [fails]
      **file to import not found or unreadable: "../../Content/css/reset"
    • It looks like perhaps there is a bug in libsass. Can you confirm if the resolution in this GitHub issue works for you? If that's the case, I'll file an issue in the libsass project.
    • Hi. 
      Yes that fix worked for me. Thanks for your quick response.
1 - 10 of 12 Items