Adobe

[Adobe] Dreamweaver CC 2014 に Emmet(Zen-Cording)を インストール!

2014-11-04_emmet_06s

こんにちは。
@OfficeTAKUです。

普段 HTML いじる時は、ミミカキエディットやらSublime Textやら使っていましたが、折角 Adobe Creative Cloud 利用しているのだから使ってやれ!ってことで、最近また Dreamweaver を使っていみようと思いなるべく使うようにしています。

たしか Dreamweaver CS3 位 の頃が一番使っていたので、随分とご無沙汰していました。
今は、Dreamweaver CC 2014 です。

でも結局、タグは手打ちなのです。
うーんめんどう。

でもたしか Zen-Cording 対応していたはず! と気づき早速調べたらありました。

Dreamweaver CC 2014 に Emmet をインストールする方法

とっても簡単でした。

事前準備:Extension Manager CC を インストールしておこう

Emmet は 拡張機能(Extension)として提供されています。
あらかじめ Extension Manager CC をインストールしておくと各種Extensionの導入が楽になります。

  1. Creative Croud を起動
  2. Apps タブを開き Extension Manager CC の [インストール]ボタンをクリックしインストールします
    Dreamweaver Extension Manager

Emmet のサイトから Emmet.zxp ファイルをダウンロード

  1. Emmetのサイト(Emmet — the essential toolkit for web-developers)へアクセスします
  2. 左メニューの[DOWNLOAD]をクリック
    Emmet
  3. [Adobe Dreamweaver]をクリック
    Emmet
  4. Installation 項目の中にある [Emmet.zxp] のリンク先ファイルを任意のフォルダにダウンロードします
    Emmet Dreamweaver Extension

インストールはダウンロードした Emmet.zxp ファイルをダブルクリック

  1. ダウンロードした [Emmet.zxp] ファイルをダブルクリックします
  2. Extension Manager が起動し、インストール確認のダイアログが表示されます
  3. [承諾]ボタンをクリックします
    Emmet Dreamweaver Extension
  4. 上記の確認のあと、もう一つセキュリティ確認のダイアログが表示されます。
    そちらも[OK]などをクリックしてインストールを進めます
  5. Extension Manager に Emmet が表示されたらインストール終了です
    Emmet Dreamweaver Extension

新規HTMLファイルを作成し試してみて下さい
[Ctrl]+[E] にタグの展開が割り当てられています
2014-11-04_emmet_08

ピックアップ記事

  1. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  2. [Amazon] アマゾンで「NHKこどもパーク」開始!月額390円で「ワンワン…
  3. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  4. [Google] Chrome 拡張機能「Password Checkup」導入…
  5. 法定相続情報一覧図の作成や申出のポイントについてまとめ

関連記事

  1. Adobe Creative Cloud デスクトップアプリ
  2. 印刷失敗したPDF

最近の記事

  1. Kindle 日替わりセール 21
  2. Kindle 日替わりセール 20
  3. Kindle 日替わりセール 19
  4. Kindle 日替わりセール 18

人気の記事

  1. マンガ『スティーブズ』
  2. ネット詐欺専用セキュリティソフト「詐欺ウォール」
  3. Canva
  4. Photo by Taskin Ashiq on Unsplash
  1. Photo by Debby Hudson on Unsplash

    WebService

    記憶と記録をデジタル化しておくことの重要性と検討すべき項目を整理してみた
  2. Photo by Will Francis on Unsplash

    Facebook

    [Facebook] プレビュー機能の脆弱性でトークン流出!アカウントの乗っ取り…
  3. WordPress

    [WordPress]ロリポップサーバーで不要になったWordPressサイトを…
  4. Microsoft PowerPoint MVP 河合浩之

    PowerPoint

    [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  5. Canvaで作成したアイキャッチ画像

    電子書籍

    [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…
PAGE TOP