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


ピックアップ記事

iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定

2013年10月31日 web関連iPhone
[php]<link rel="apple-touch-icon" href="画像パス" /> [/php] サイズに関して 引用 : http://arigato-ipod.com/lab-webclip-apple-touch-icon.html 引用 : http://ozpa-h4.com/2012/03/29/…
「iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定」をはてなブックマークに追加

レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示

2014年11月15日 web関連HTML5・CSS3
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…
「レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示」をはてなブックマークに追加

Dreamweaverで「既に別のドキュメントタイプに関連付けられているためです。」エラー頻発

2014年11月13日 web関連HTML5・CSS3
DreamweaverでSCSSファイルの編集をするためにDWの設定を触ったのですが、起動のたびに「ドキュメントタイプ”◯◯◯”は追加されません。使用するファイル拡張子が、既に別のドキュメントタイプに関連付けられているためです。」のエラーが連発するようになりました。 原因 調べてみると、Dreamweaverで編集可能にするために、「MMDocumentTypes.xml」というファイ…
「Dreamweaverで「既に別のドキュメントタイプに関連付けられているためです。」エラー頻発」をはてなブックマークに追加

twitter API v1.1を使ってツイート投稿

2014年08月01日 web関連phptwitter API
twitterのAPIを利用してツイートする必要があったので、メモ。 準備 まず、twitterのdevサイトでapp登録しておきます。 次に、ツイートする際に必要なOAuthという認証作業を簡単にしてくれるOAuthライブラリtwitteroauthをダウンロードします。リンク先に飛んだら右下の方にDownload ZIPというボタンがあるのでそこからダウンロード出来ます。 …
「twitter API v1.1を使ってツイート投稿」をはてなブックマークに追加

Twitter for Mac’s developer consoleの設定

2014年07月18日 web関連twitter API
Twitter for Mac’s developer consoleの設定
ちょうど設定してみたので、メモ。 まだ触ってないので詳しく分かりませんが、Twitter for Mac's developer consoleというのは、Twitter APIのテストが可能なのようです。 WEB版のコンソールもありますが、Twitter for Mac's developer consoleの方がサクサク動くらしいです。 DEVサイトにログイン、APP登録 まず…
「Twitter for Mac’s developer consoleの設定」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy