【DW】Mac Dreamweaver CC 2014で「Emmet(Zen-Coding)」を使う方法

先日パソコンを初期化したので、DreamweaverでZen-Codingを使えるよう設定しました。
今回はそのインストール設定方法をメモしておきます。

まず、どうやら名称が変更しているそうです。
「Zen-Coding」は「Emmet」になったようです!

インストール設定方法 「Emmet.zxp」をダウンロード

次のサイトから、「Emmet.zxp」をダウンロードします。

Emmet for Dreamweaver

(「Installation」の「Download Emmet.zxp」部分のリンクをクリック)

「Emmet.zxp」をインストール

ダウンロードした「Emmet.zxp」すると、「Adobe Extension Manager CC」が表示されます。
そして、ライセンスを「承諾する」をクリックします。
その後、注意文が表示されますが、「インストール」をクリックすると、インストールが完了します。

私はこのインストール時点でちょっと躓きました。
「Emmet.zxp」をクリックすると、「バージョンが違います」という内容のエラーが表示されてダウンロードできませんでした。

エラーを回避するために、以下のことを行いました。

  • 「Adobe Extension Manager CS6」だったので、「Adobe Extension Manager CC」にバージョンアップ
  • DreamweaverもCCではありましたが、最新ではなかったので、バージョンアップ

Dreamweaverでインストールを確認

Dreamweaverを開き、メニューの「コマンド」に「Emmet」が追加されていたら、
無事インストールされています。

後は使用するのみです!

以下の記事を参考にさせていただきました。
ありがとうございます!!

参考記事
Dreamweaver CCにアップデート!CS6から各種設定や拡張機能を移行する | Cappee Design

コメント

タイトルとURLをコピーしました