在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 Key Sequence 中输入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项目介绍