初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。

Dreamweaver CS6でzencordingを使う方法。

スクリーンショット 2013-05-10 13.20.30

エディタとしてpanic coa2,adobe edge codeを使っているのですが、ここのところまたADOBE製品に戻りつつあります。

Dreamweaverの生産効率の高さはやはり目を見張るものがあります。

もともと、Eclipseベースで作られてるので拡張などに関しても問題ないしコードを直接記述する事が減り作業負荷も軽減されます。

なぜ今更Dreamweaverにzencordingを入れるのかというと、、dreamweaver全く使用していなかったので、今作業中のコーディングで使おうと思い、いつも通りショートカットキーを押したら無反応、、、、

画面にはul>li*8>a……なにも変わってない。。。。

一瞬キーボードが壊れたかと思いました。。

そんな訳でDreamweaverにZencordingを入れる方法を紹介します。

まずはzencordingここからをダウンロードします。

リンク先URLは下記になります。

http://code.google.com/p/zen-coding/downloads/detail?name=Zen%20Coding%20v.0.7.5.mxp&can=2&q=

スクリーンショット 2013-05-10 13.20.21

ダウンロードすると

スクリーンショット 2013-05-10 13.20.30

上記のようなアイコンがあると思いますので、ダブルクリックします。

するとエクステンションマネージャが立ち上がりますので

承認をする > はい

で進むとインストール完了です。

スクリーンショット 2013-05-10 13.32.47

スクリーンショット 2013-05-10 13.33.11

上記画面になったらインストール完了です。

ちなみにMAC OSX dreamweaverでzencordingを使うときのショートカットの一覧です。

Shortcuts: Expand Abbreviation —

Ctrl+, Wrap with Abbreviation —

Ctrl+H Balance Tag Outward —

Alt+[ Balance Tag Inward — Alt+] Next Edit Point —

Ctrl+Alt+Right Previous Edit Point —

Ctrl+Alt+Left Go to Matching Pair —

Alt+/ Insert Formatted Newline —

Ctrl+Return Select Line —

Ctrl+K Merge Lines —

Ctrl+\ Toggle Comment —

Ctrl+/ Split/Join Tag —

Ctrl+Shift+\ Rename Tag —

Ctrl+Shift+B Remove Tag —

Alt+- Evaluate Math Expression —

Alt+= Increment number by 1 —

Ctrl+Up Decrement number by 1 —

Ctrl+Down Increment number by 10 —

Ctrl+Alt+Up Decrement number by 10 —

Ctrl+Alt+Down Increment number by 0.1 —

Alt+Up Decrement number by 0.1 — Alt+Down

ダイレクト特集ページ用バナー(ダウンロード版)

初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。