sassはじめました-Dreamweaverでscssが編集できるようになるまで

css

saccってなんざんす

何だか最近あっちこっちで見るsass…なんかスタイルシート書くのが速くなるらしいので、気になっていました。
冬休みが終わって、子猿息子たちがお勤めに行っているすきに勉強することにしました。
いつもの通り、ことごとく躓いたので、備忘録。

コチラのサイトを見ながら、いざインストール。
いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携
これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)

rubyをインストールして、コマンドプロンプトからsassのインストール…

sassのインストールで躓いた

sass-1
あー…エラーってゆうてはるわ……

さらにコチラの記事を見つけ、
sassインストールできない

ローカルにsass-3.4.9.gemをダウンロードしました。
sass | RubyGems.org | your community gem host
sass--RubyGems.org--your-community-gem-host
ちょっとわかりにくいのですが、ページの右の下の方にdownloadって書いてありますので、そこからどうぞ。

できました。
sass-02

dreamweaver6とsass連携がうまくいかなかった

”MMDocumentTypes.xml”と”Extensions.txt”をさがせ

私の環境は、windows7、dreamweaver6です。
dreamweaver6とsassの連携は、”MMDocumentTypes.xml”と”Extensions.txt”の二つのファイルに、.scssをスタイルシートのファイルとして扱うよう、付け加えてやれば良いらしいのですが、参考にしたサイトの通り、これらを変更しても、うまくいかない…

Dreamweaver CS6でSassを入れようとして設定変更がうまくいかないときは過去にインストールした体験版があやしい

いろいろなサイトに、連携がうまくいかない時は、”MMDocumentTypes.xml”と”Extensions.txt”を検索して、出てくるやつを全部書き換えるように、とあるのですが。
隠しファイルになっているものもあり、気が付くまで2日かかりました…

windowsの記事はあまりないみたいなので、私の場合の書き換えたファイルの場所を書きます。

C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes\MMDocumentTypes.xml
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\Extensions.txt
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\ja_JP\Configuration\Extensions.txt

C:\Users\ユーザ名\AppData\Roaming\Adobe\Dreamweaver CS6\ja_JP\Configuration\DocumentTypes\MMDocumentTypes.xml
C:\Users\ユーザ名\AppData\Roaming\Adobe\Dreamweaver CS6\ja_JP\Configuration\Extensions.txt

下の二つがなかなか見つからなかったです。

”MMDocumentTypes.xml”と”Extensions.txt”はそのまま編集しない

あと、もう一つ、”MMDocumentTypes.xml”と”Extensions.txt”はどっかにコピーして編集して、元のファイルを上書きしないとだめみたいです。
そのままだと、上書きできなくて、エディタによってはエラーを出してくれなかったりするので。
ユーザーが管理者でない場合も上書きできないようです。

dreamweaverのCCでは、最初からsass対応らしいので、もう一年くらい遅れている感がありますが、どこかで同じことに困っている人のお役に立てれば幸いです。