21
3月
2013

【sass,scss】DreamweaverCS4でコードヒントを使う

自分の作業環境は

仕事場:DreamweaverCS4、FireWorksCS4、IllustratorCS4
自宅仕事場:DreamweaverCS5.5(Adobe WebPremiumCS5.5)

という感じで何故か自宅の方が環境が整っているのですが、
sassを使ってコードを書く際にコードヒントが出るようにするやり方が若干違うのでメモ。

【CS5以降】
c:\ユーザー名/AppData/Roaming/Adobe/Dreamweaver cs5/ja_JP/Configuration/DocumentTypes/MMDocumentTypes.xml

を以下のように修正すればOKです。
<修正前>

<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" macfileextension="css,scss" file="Default.css" writebyteordermark="false" mimetype="text/css" >

これはあちこちで紹介されてるので分からなければ色々と調べてみるとすぐに分かると思います。

で、CS4で同じようにやろうとすると、、、
該当のフォルダに『MMDocumentTypes.xml』がありません。

はて?
と思い見てみたら、入っているフォルダが違うのでした。

【CS4の場合】
c:\Program Files/Adobe/Adobe Dreamweaver CS4/configuration/DocumentTypes/MMDocumentTypes.xml

に該当ファイルがありますので、こちらを同様に修正すればOKです。
ちなみに、CS5以降と同じユーザー以下のフォルダに該当ファイルをコピーでも大丈夫です。

これが、
cs4_scss01

こんな感じに!
cs4_scss02