目次

Dreamweaver

拡張機能

閉じタグコメント挿入

こういうやつです

<div id="container">
~~~
<!-- /#container --></div>

手で挿入すると面倒ですが自動でやってくれるそうです。

インストールがうまくいかない

インストールで「メニューを更新できませんでした」というメッセージが表示されてインストールが失敗する

http://forums.adobe.com/thread/417467

C:\Users \<ユーザー名>\AppData\Roaming\Adobe\Dreamweaver CS6\ja_JP\Configuration\Menus\ 

ここにあるmenus.xmlを移動してからインストールする。

うちではうまくいかなかったので、プラグインファイル1)をExtentionManagerでzxpに変換、解凍して中身のmxiからメニューを書き換える部分を抜き出して「menus.xml」を直接書き換えてしまいました。

	<separator />
	<menuitem id="insertEndComment2" name="閉じタグコメントを挿入" enabled="true" file="ExtensionData/MM/End_comment.html" />

参考

閉じタグコメントを自動挿入:End_comment.mxp

imgタグに”alt”を挿入

altが入っていないimgタグを探し、自動的にalt=””を入れてくれます
altの入っていない画象にとりあえず(空)を入れる.dwr

参考

Dreamweaver CS6 でオススメの拡張まとめ

SCSS,Compass

SCSSファイルを開けるようにする

Dreamweaverの環境設定 ⇒ ファイルタイプ/エディター を選択
「コードビューで開く」という項目に「.scss」を追加

コードヒントを使えるようにする

Extensions.txt

Windows

C:/Users(ユーザー名)/AppData/Roaming/Adobe/Dreamweaver (バージョン)/ja_JP/Configuration

Mac

/Applications/Adobe Dreamweaver (バージョン)/Configuration

ここにある Extensions.txt を編集

HTM,HTML,...CS,CSS,SCSS,...,SVG:All Documents
......
CSS,SCSS:Style Sheets
......

:All Documentsに「SCSS」を追加

:Style Sheetsの項目にも「SCSS」を追加

MMDocumentTypes.xml

Windows

C:/Users(ユーザー名)/AppData/Roaming/Adobe/Dreamweaver (バージョン)/ja_JP/Configuration/DocumentTypes/

Mac

/Applications/Adobe Dreamweaver (バージョン)/Configuration/DocumentTypes/

ここにある MMDocumentTypes.xml を編集

160行目あたり

<documenttype id="CSS" internaltype="Text" winfileextension="css" macfileextension="css" file="Default.css" writebyteordermark="false" mimetype="text/css" >

ここに「,scss」を追記

<documenttype id="CSS" internaltype="Text" winfileextension="css,scss" macfileextension="css,scss" file="Default.css" writebyteordermark="false" mimetype="text/css" >

自動コンパイル

通常はsassのwatchオプションを使う

sass --watch path/to/scss : path/to/css

うちの環境だと、なぜかうまくウォッチしてくれなかったのでNetBeansを立ち上げっぱなしにしてそっちに任せてる。2)

1)
拡張子mxp
2)
ftpなんかも設定しているので、まぁ良いかと…