Syntax highlighting for Sass in Dreamweaver

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”.

3 thoughts on “Syntax highlighting for Sass in Dreamweaver

  1. 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 !

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

For spam filtering purposes, please copy the number 4083 to the field below: