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. [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  2. [Amazon]【30日間無料体験】アマゾンで買い物する方はプライム会員が絶対お…
  3. 法定相続情報一覧図の作成や申出のポイントについてまとめ
  4. [Facebook] プレビュー機能の脆弱性でトークン流出!アカウントの乗っ取り…
  5. 災害時に役立つTwitterアカウント、情報サイト等まとめ

関連記事

  1. Adobe Creative Cloud デスクトップアプリ

最近の記事

  1. Photo by Piotr Cichosz on Unsplash
  2. ブラザーDCP-J973N ハガキセット
  3. Photo by Hannes Wolf on Unsplash
  4. Photo by Tim Gouw on Unsplash
  5. Photo by Arnel Hasanovic on Unsplash

人気の記事

  1. Lenovo Mirage Camera with Daydream
  2. Photo by JESHOOTS.COM on Unsplash
  3. 芝寿し「冷凍寿し 小袖棒寿し 甘えび」
  4. Photo by rawpixel on Unsplash
  1. iOS

    [iOS] iPhone アプリ「無料」という表示につられてインストールして自動…
  2. 電子書籍

    [Kindle] 翔泳社さんの毎月25日〜10日まで最大55%OFFセールを見逃…
  3. 書籍

    集中して仕事を消化するためのメソッド、ポモドーロ・テクニックに使えるタイマーを探…
  4. Webサービス

    Amazonプライム・ビデオで今見ておくべき作品
  5. Security

    [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
PAGE TOP