HTMLを高速で作成できるようになるすばらしいソフト「ZenCoding」

「NetBeans」にインストールする手順です。

まずはプラグインをダウンロード

ZenCodingのNetBeans用プラグインを作っている方がいらっしゃいますので、こちらから感謝しながらダウンロードします。

GitHub - lorenzos/ZenCodingNetBeansPlugin: Zen Coding plugin for NetBeans

Zen Coding plugin for NetBeans. Contribute to lorenzos/ZenCodingNetBeansPlugin d…

github.com

ページの中ほどにある

Download the plugin here: org-lorenzos-zencoding-0.9.nbm.

という部分です。

いちおう直リンクも張っておきますが、この記事を書いた時点での最新版「0.9」です。

なるべく作者ページから落としてください。

直リンク＞org-lorenzos-zencoding-0.9.nbm.

ダウンロードすると「org-lorenzos-zencoding-0.9.nbm」というファイルができます。

NetBeansを開きインストール

NetBeansを開き、「ツール」＞「プラグイン」を選択

「ダウンロード済み」のタブを選択

「プラグインの追加」ボタンを押します。

先ほどの「org-lorenzos-zencoding-0.9.nbm」ファイルを選択。

NetBeansの再起動のメッセージが出たら再起動します。

これだけ

以上でインストールは完了です。

再起動後メニューにというアイコンがあれば成功！

簡単な使い方

ZenCodingはデフォルトで CTRL+ALT+N にショートカットが割り当てられています。

htmlファイルを開き、

h1(ここでCTRL+ALT+N)　->

と変換してくれます！

うわー便利。

また

html:5(ここでCTRL+ALT+N)

とすると

  <!DOCTYPE HTML>
  <html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
    
  </body>
  </html>

こんなんに展開してくれます！

これで苦痛なhtml作成もさくさくできますね！