SASS Syntax Highlighting in Visual Studio

Question

Currently I use this plugin for syntax highlighting in Visual Studio http://www.mindscapehq.com/products/web-workbench

Personally I don't like it at all. It has limited features and poor formatting compared to other editors. In my freelance work I use Sublime Text 2 and Aptana which have excellent support for SASS. But at my job I have to use Visual Studio. Does anyone else know of a good plugin that has SASS support?

I don't care if it builds the files I do that through the command line anyway. I just want something that has good syntax support.

Answer 1

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.

Answer 2

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