2015年03月03日 web関連

dreamweaver CS6では、scss,sassなどが使えません。使えないというか、コードヒントやコードカラーリングが適用されず、テキスト扱いと同様になってしまいます。

検索すれば、多くのサイトで説明されていますが、以下の作業をすればコードヒントが使えるようになります。

scssを追加する手順

  • 1.DWの環境設定>ファイルタイプ/エディター内の「コードビューで開く」の箇所に「.scss」を追加します。(sassも使いたい場合は.sassも追加)
  • 2. アプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration 内の「Extensions.txt」アプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration ▸ DocumentTypes内の「MMDocumentTypes.xml」を編集

Extensions.txt

下のコード内の【】の箇所を追加。(分かりやすいように【】をつけていますが実際は不要です。)
HTM,HTML,SHTM,SHTML,HTA,HTC,XHTML,STM,SSI,JS,JSON,
AS,ASC,ASR,XML,XSL,XSD,DTD,XSLT,RSS,RDF,LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,
CSS,【SCSS】,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-DIST,PHTML,JSP,WML,TPL,LASSO,JSF,VB,VBS,VTM,VTML,INC,SQL,JAVA,EDML,MASTER,INFO,INSTALL,THEME,CONFIG,MODULE,PROFILE,ENGINE,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML:HTML Documents
SHTM,SHTML,STM,SSI,INC:Server-Side Includes
JS,JSON:JavaScript Documents
XML,DTD,XSD,XSL,XSLT,RSS,RDF:XML Files
LBI:Library Files
DWT:Template Files
CSS,【SCSS】:Style Sheets
・・・

MMDocumentTypes.xml

下のコード内の【】の箇所を追加。(分かりやすいように【】をつけていますが実際は不要です。)
<documenttype id="CSS" internaltype="Text" winfileextension="css,【scss】" macfileextension="css,【scss】" file="Default.css" writebyteordermark="false" mimetype="text/css" >
上記の作業でDWを再起動してみてもコードヒントが動かない場合は、「Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration」内のMMDocumentTypes.xml、Extensions.txtをチェックしてみてください。

Macの場合は「control + スペース」でSpotlight検索を起動し、「Extensions.txt」、「MMDocumentTypes.xml」で検索してみると簡単に探せます。

ここまで、完了すれば、コードヒント、コードカラーリング、ファイルのアイコンまで、全て対応出来ます。

注意点

これは私もはまった落とし穴なんですが、DWの体験版をインストールしたことある方は、ライブラリ内を変更しないとコードヒント等が動きません

ライブラリ内を変更するには、「optionボタン」を押しながら、Finderメニューの移動を開きます。 そうすれば、隠しメニューの「ライブラリ」が表示されます。

Library/Application Support/Adobe/Dreamweaver CS6/ja_JP/Configuration/にもMMDocumentTypes.xml、Extensions.txtのファイルがあると思うので、これを同様に編集してください。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

WordPressの抜粋表示の設定

2014年08月25日 web関連WordPressphp
WordPressの抜粋表示(excerpt)を以下のように動作させたかったので、自作してみました。 抜粋があれば抜粋表示 moreタグがあれば、それに従う 指定文字数より本文文字数が少なければ、そのまま表示 指定文字数より本文文字数が多ければ抜粋表示 コード functions.phpにコピペ。 [php]<?php //WordPress抜粋表…
「WordPressの抜粋表示の設定」をはてなブックマークに追加

WordPressでログインユーザーのみに表示するための記述

2014年07月15日 web関連WordPress
使用頻度が高いので、自分用にメモ。 運営中のサイトに少し手を加えたい場合や、自作プログラムの実行結果を自分だけに表示させて確認したい場合などに役立ちます。 ログインユーザーのみに内容を表示させる場合 [php]<?php if (is_user_logged_in()) : ?> <!-- ログインユーザーのみに表示される箇所 --> <?p…
「WordPressでログインユーザーのみに表示するための記述」をはてなブックマークに追加

safariでowl carouselのスライド時にフォントが細くなる現象の解決策

2015年03月19日 web関連jQuery・javascript
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …
「safariでowl carouselのスライド時にフォントが細くなる現象の解決策」をはてなブックマークに追加

[xserver]サブドメイン設定時の注意点

2014年08月23日 web関連
xserverのマニュアルにもありますが、サブドメインを設定すると、異なるURLで同じサイト(ページ)へアクセス可能になってしまうので、Googleに重複サイトと思われないように以下のように設定した.htaccessを設置します。 …
「[xserver]サブドメイン設定時の注意点」をはてなブックマークに追加

Twitter API を使わずにプロフィール画像を取得する

2011年07月29日 web関連twitter API
Twitter APIを使っていると、プロフィール画像の取得だけで、さくさく利用限度が減って行きます。 公式のAPIを使わず、もっと簡単に画像を取得出来る方法があるようなので、ご紹介。 …
「Twitter API を使わずにプロフィール画像を取得する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy