DWでSASSやLESSをCSSと同じ扱いにするための設定

DreamweaverでSASS（SCSS）やLESSを、CSSと同じように認識させコードヒントなども使えるようにするために、アプリケーション内のファイルを一部修正する必要がある。

ファイルをCSSと同じように認識させる

Win
C:¥Users¥<ユーザー名>¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥configuration¥Extensions.txt
Mac
/Users/<ユーザー名>/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/Extensions.txt
の8行目を
CSS:Style Sheets
↓
CSS,SCSS,LESS:Style Sheets
と変更。

コードヒントを使えるようにする

Win
C:¥Users¥<ユーザー名>¥AppData¥Roaming¥Adobe¥Dreamweaver CS6¥ja_JP¥Configuration¥DocumentTypes¥MMDocumentTypes.xml
Mac
/Users/<ユーザー名>/Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/DocumentTypes/MMDocumentTypes.xml
の142行目を
＜documenttype id=”CSS” internaltype=”Text” winfileextension=”css” macfileextension=”css” file=”Default.css” writebyteordermark=”false” mimetype=”text/css” ＞
↓
＜documenttype id=”CSS” internaltype=”Text” winfileextension=”css,scss,less” macfileextension=”css,scss,less” file=”Default.css” writebyteordermark=”false” mimetype=”text/css” ＞
と変更。
要は上記ファイルに使いたい拡張子をカンマ区切りで追加する。

Dreamweaverのバージョンによって編集するファイルの場所がちがうらしい。同じようなファイルが別のフォルダにあったりする。