SASS and Visual Studio

Quick guide to perfect tools for using SASS in Visual Studio

Syntax highlighting, creating new files and compiling all without Ruby can be done with Mindscape Web Workbench.

Converting CSS to SASS can be done with the sass-convert foo.css foo.scss command or this online tool. Of course the sass-convert command will always be more up to date as it’s part of SASS. But of course you will need SASS and Ruby install to run it.

Code formatting isn’t a problem if you’re used to Ruby. If you’re not the default formatting from any converter is horrible. To convert it to a more ECMAScript style first remove all whitespace (you can leave the line breaks if you like). I use Notepad++ and just remove the indents with shift + tab. Then you can use any CSS cleaning/formatting tool such as Tabifier.

Advertisements
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: