• sass

    Dreamweaverの設定

    2012/10/05

    scssファイルをDreamweaverで使う為の設定方法

    sass.png

    Dreamweaverでscssファイルを使う為の設定です。

    以下2点の設定を行うと、cssファイルと同じ使い方ができます。

     

    ①Dreamweaverでscssファイルを開けるようにする。

    Dreamweaver > 環境設定 > ファイルタイプ/エディター

    ss1-1.png
    こことここに「.scss」を追加する!

     

     

    ②scssファイルでもcssのコードヒントが使えるようにする。


    MMDocumentTypes.xml


    というファイルを編集します。


    Macの場合はここにあります


    /Applications/Adobe Dreamweaver CS5/Configuration/DocumentTypes

    ※念の為バックアップをとっておきましょう!


    MMDocumentTypes.xmlをテキストエディタで開き、
    142行目あたりにある

    
    winfileextension="css" macfileextension="css"
    
    

     

    両方のcssのあとに「scss」を追加。

     

     

    ss2.png

     

     

    これで、Dreamweaverでcssファイルと同じように編集できるようになりました!

     

     

    dre.png

     

    やったね!

    タグ:Sass

この記事へのコメント

コメントを送る

  ※ メールは公開されません
Loading...
 画像の文字を入力してください

back