Wednesday, September 9, 2015

How to use Sass/Scss in Visual Studio

Visual Studio update 2 has the native Scss support. So we can write Scss code but, to compile it, we need Sass compilers. Those are available as Visual Studio extensions.

There are many extensions available in the internet. You can use Web Workbench extension as it is very simple to use. Using Web Workbench extension in visual studio, files are compiled automatically to CSS with the same name whenever you save it.

So you should refer the compiled CSS files to the project to make the CSS work.

Folow the below steps to install the Web Workbench extension in Visual Studio,
  • Download the extension from here
  • Double click to Install it
  • Restart the Visual Studio
  • You will see a new MINDSCAPE menu in Visual Studio.
Reference: http://www.mindscapehq.com/products/web-workbench

No comments:

Post a Comment