SassyStudio

Free

Provides support for sass files in Visual Studio

(9) Review
Visual Studio
2013, 2012
Download (15,155)
6/8/2014
0.8.8.12
View
E-mail Twitter del.icio.us Digg Facebook
Add to favorites
Description
Reviews (9)
Q and A (9)
Sign in to write a review
Sort by:

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

Excellent.

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 |
Delete

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 |
Delete

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


  • 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)...
      Tks
    • 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.
      
      https://github.com/darrenkopp/SassyStudio/issues/45
    • Hi. 
      Yes that fix worked for me. Thanks for your quick response.
  • Syntax Hightlight
    2 Posts | Last post January 19, 2014
    • Does it highlight syntax? I could not do it
    • Yes it does, can you provide more details
  • No syntax highlighting or indentation feature
    6 Posts | Last post September 12, 2013
    • Doesn't highlight or format *.scss file code in Visual Studio 2012. 
    • What exactly do you mean by "highlight"? Right now it does not do code re-formatting (like when you hit ctrl+k, d), but you should have syntax highlighting.
      
      If you don't have syntax highlighting, then it's likely that the colors aren't configured, which you can do by going to tools -> options -> Environment -> Fonts and Colors, then you can modify the colors by scrolling down to where the color items begin with SCSS
    • Will it support *.sass highlighting?
    • @Érid
      
      Yes, it will hopefully soon. With the latest version there's a new parsing engine that should be extensible enough to support .sass files, but perhaps in the interim i'll just use the old system (regex based) to add highlighting only in .sass files.
    • Any idea on when/if support for the more css base part of highlighting would be available? Right now if I'm mostly doing css stuff rather than imports etc, it's all grey. I would argue that's more important than being able to highlight the imports etc
    • @Max Korp - I'll look into adding that tonight. It should be extremely simple to do with the new parsing engine, but I just need to look at what the current CSS editor provides (which I believe is just highlighting for property name).