I’ve just started using Sass to code CSS. I really like it because it has greatly boosted my ego as a programmer, “I can put programming logic inside my CSS!” And of course, it makes it much easier to manage a complicated CSS. However, I can’t edit scss files with Dreamweaver and I miss seeing the colorful syntax. After searching for a while, I found the solution.
less-scss-syntax-highlighting-in-dreamweaver
It’s quite easy. All you need to do is to find this file Dreamweaver CS?/Configuration/DocumentTypes/MMDocumentTypes.xml and change this line macfileextension=”css” to this macfileextension=”css,scss”.
I recently built an extension that does this as well. https://github.com/adamcoulombe/dw-compass-codehints
Thank you for the tip BUT the file Dreamweaver CS?/Configuration/DocumentTypes/MMDocumentTypes.xml is present TWICE in OSX, and you need to display hidden files, and edit the good one in /USER/library/application support/adobe/dreamweaverXXX/fr_FR (or us_US or else)/Configuration/DocumentTypes/MMDocumentTypes.xml
Enjoy !
I have added some extensions for dreamweaver and its working fine for me and I found it at http://webdesignsolutions.co.in/sass-extension-to-dreamweaver
I hope this will work for all. Try it once.