Zen-Codingが便利らしい[導入編] | Late Riser

Late Riser

ダメ主婦ミルミルのプログラムと道の駅ドライブとリラックマの日々。


テーマ:
上司から強力プッシュを頂きましたので、とりあえず導入してみます。
以降、自宅での同一環境構築のためのメモとします。

私は最近、ネットビーンズ利用なので、↓からorg-lorenzos-zencoding-0.8.nbmを拾います
https://github.com/lorenzos/ZenCodingNetBeansPlugin#readme

コレを下記のフォルダに突っ込んでみる
(別に任意でいいみたいですが、プラグイン設定のデフォルトなので。)
C:\Users\milmil\.netbeans\6.9

で、DLサイトの指示に従い↓な感じですすめ、最後にIDEを再起動します。
以後本家のコピー。

Installation

  1. Download the plugin here .
  2. Open NetBeans (>=6.9.1) and go to Tools > Plugins.
  3. Select tab Downloaded, click Add plugins... and search for downloaded nbm file.
  4. Click Install button, follow instructions and restart NetBeans IDE.

で、使い方は、

How to use

Expand abbreviation: Fill a HTML/CSS code line with Zen syntax, then press CTRL+ALT+N, or click the toolbar button, or go to menu Edit > Zen Coding > Expand Zen code, or press Alt+Insert and choose Expand Zen Code.

Match Pair: Just press CTRL+ALT+M or go to menu Edit > Zen Coding > Match Pair.


Wrap with Abbreviation: Select something, press CTRL+ALT+W or go to menu Edit > Zen Coding > Wrap with Abbreviation, then insert a Zen code abbreviation in the input popup.


Merge Lines: Select multiple lines, then press CTRL+ALT+L or go to menu Edit > Zen Coding > Merge Lines.


Also available in the Edit > Zen Coding menu: Remove Tag, Split/Join Tag, Toggle Comment, Evaluate Math Expression, Go to Next Edit Point and Go to Previous Edit Point. These actions have not a default keyboard shortcut. You can edit NetBeans shortcuts in Tools > Options > Keymap.


という感じ。
ためしに、table+って入力、「CTRL+ALT+N」って叩いてみたら
1呼吸置いて、ニュって

<table>
<tr>
<td></td>
</tr>
</table>

↑が沸いて爆笑しました。



◆NetBeansへのInstall参考サイト
(配布ファイルがzipだったり、少々設定方法などが違います)

■Netbeans(windows環境)にZen-Codingを導入
http://blog.mizoshiri.com/archives/863

■NetBeansでzen-coding
http://c-brains.jp/blog/wsg/10/03/02-100937.php


ミルミルさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス

    ブログをはじめる

    たくさんの芸能人・有名人が
    書いているAmebaブログを
    無料で簡単にはじめることができます。

    公式トップブロガーへ応募

    多くの方にご紹介したいブログを
    執筆する方を「公式トップブロガー」
    として認定しております。

    芸能人・有名人ブログを開設

    Amebaブログでは、芸能人・有名人ブログを
    ご希望される著名人の方/事務所様を
    随時募集しております。