Komodo EditでのZen Condingの使用


前言:
Komodo EditはKomodo IDEの無料エディタコンポーネントで、HTML、CSS、Javascript、XMLなどの静的ファイルを編集するのに一般的に使われています.注釈の追加/削除が便利です.今日はこのエディタにZen Coding機能を追加する方法を記録します.
 
背景知識:
 
Komodo Editの紹介
Zen Codingプロジェクト
Zen Coding紹介
 
実施手順:
 
1.コミュニティにZen Coding support for Komodo Edit/IDEをローカルにダウンロードし、現在のバージョンは0.6.1です.
 
2.エディタを開き、File->Open...->Fileはダウンロードしたばかりのxpiファイルを選択し、installのインストールを確認し、Firefoxにプラグインをインストールするように、エディタを再起動します.再起動すると、図のようにメニューバーにZenのオプションが表示されるはずです.
 
 
3.Zen CodingのKomodo Editでのショートカットキーの設定(AptanaでZenにshortcutを設定するよりずっと簡単~)
メニューバー:Edit->Preferences...
左欄Category:Editor->Key Bindings、右欄が図のように表示されます.
 
Commands入力ボックスにZenを入力すると、Zen Codingのすべてのショートカットキーオプションがフィルタされます.
たとえばExpand Abbreviationアクションを選択し、New KeySequenceにCtrl+/を入力します.
Addをクリックすると、カスタムショートカットエディタを初めて追加すると、Zen_default、エディタはデフォルトのショートカットキー設定default/emacs/viを保持します.これらはカスタマイズできません.
使用するZenショートカットを設定してオプションを保存し、エディタを再起動して設定を有効にします.
 
4.Zen Codingを使用
htmlファイルを新規作成し、次のように入力します.
div#doc

Ctrl+/を押すと自動的に表示されます.
<div id="doc"></div>

 
まとめ:
毎日HTMLを書く人にとってZen Codingは編集効率を高め、重複入力を減らすことができます.
他のIDEとEditorにも同様のサポートがあります.具体的にはZenプロジェクト紹介に問い合わせることができます.