Sass Syntax Highlighting in Visual Studio

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.

How can I fix broken highlighting settings in Visual Studio Code

Paul Grant developed a patch which fixes this problem perfectly.
https://marketplace.visualstudio.com/items?itemName=cssinate.scss-language-improvements

How to Enable Linting for Braceless SASS with Svelte-VSCcode

Unfortunately SASS is not supported. The Svelta Beta extension only supports syntax for Less/CSS/SCSS. This is the case because the html language service that the work is delegated to (https://github.com/microsoft/vscode-html-languageservice) does not support SASS.

---

Related Topics