Working with SASS in Adobe Dreamweaver

Question

I am trying to figure out how to start using SASS files in Dreamweaver.

The error message I get when trying to open is: "Can't find a valid editor for this file extension".

All my SASS files are valid and open well with Eclipse.

Thanks in advance to anyone who could post any tips on this one.

Solution 1

OK. I have found the answer.

All you need to do is open Dreamweaver, go to Edit> Preferences> File Types / Editors and in the top text box ("Open in code view:") listing various files extensions add .sass.

That's it. Rest is down to haml and compass.

I hope this post will help anyone having similar problem.

Solution 2

To go even further and make Dreamweaver treat .scss files as .css files (applying code coloring and indentation), just follow the instructions on this Adobe TechNote

Solution 3

The visual28 link no longer works. Here is a quick rundown from here

DreamweaverCS?/Configuration/DocumentTypes/MMDocumentTypes.xml  

If Windows change winfileextension="css" to winfileextension="css,scss"

If Mac change macfileextension="css" to macfileextension="css,scss"

Solution 4

instead to go in your installation directory to find the 'MMDocumentTypes.xml' file, GO to

C:\Users\\AppData\Roaming\Adobe\Dreamweaver CS5?\en_US\Configuration\DocumentTypes\MMDocumentTypes.xml

and then find winfileextension="css" and change it to winfileextension="css,scss"...

That would definitely work..

Solution 5

For older Dreamweaver:

http://www.visual28.com/articles/less-scss-syntax-highlighting-in-dreamweaver

For Dreamweaver 5.5 and above:

http://forums.adobe.com/thread/861133

View more solutions

Comments

[dkatwitt]

Many thanks for this link, Alonso. I did try it yesterday in CS5. I found the Extensions.txt and edited it but in this new version of Dreamweaver the folder structure must be slightly different as I couldn't locate the MMDocumentTypes.xml file. So highlighting sass as css is not working for me yet, but I'll give it another go and also test it on other machine with CS3 and post the results here, as soon as I get there.

[firedrawndagger]

That was definitely what was missing for me - the changes to MMDocumentTypes.xml file in Program Files wasn't doing anything. Changing the file in AppData did.

[dkatwitt]

Back in a day I was still using the old sass syntax - but the same would apply to .scss