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