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

コーディングに関する記事

コメント

  1. xica より:

    これすごく助かりました。ありがとうございます。

  2. toreno より:

    コメントありがとうございます。
    お役立てたなら嬉しいです!