SASS Syntax Highlighting in Visual Studio

Try SassyStudio. It's free and works with VS 2012/13:

http://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d?SRC=VSIDE

I also didn't want to pay $39 a year for Web Workbench. SassyStudio works perfectly for me.

Here are the settings I'm using (given to me by the developer):

  • Environment
    • Fonts and Colors
    • Scroll down
    • "Display items"
    • Click on an item, i.e. "SCSS CSS Property Name"
    • Change the "Item foreground" color (leave background alone)
  • Sassy
    • Studio Experimental Intellisense: True
  • Text Editor
    • File Extension
    • Ensure there are no css, scss or sass file extensions (delete any that exist)

Restart VS for these changes to take effect.


Visual Studio 2013 Update 2 adds sass syntax highlighting:

http://blogs.msdn.com/b/webdev/archive/2014/04/02/announcing-new-web-features-in-visual-studio-2013-update-2-rc.aspx

I'm just working out how to get compass going with it. :)


Try this :

In VS 2012 open menu Tools > Options, on left side select menu Text Editor > File Extension and then add scss as extension and choose CSS Source Editor from dropdown as editor