`
yuting_lv
  • 浏览: 110916 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

在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的选项,如图:

 

Komodo Edit 安装好 Zen Coding菜单显示

 

3.  设置Zen Coding在Komodo Edit中的快捷键(和在Aptana中给Zen设置shortcut比起来简单多了~)

菜单栏: Edit -> Preferences...

左栏Category: Editor -> Key Bindings,右栏如图显示:

 

komodo_eidt_zen_coding_shortcut

在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项目介绍

分享到:
评论

相关推荐

    Komodo Edit v10.1.3 Build 17451.zip

    软件支持跨平台多种程序语言的使用,目前支持了在Windows与Linux上,Perl、Python及JavaScript等的程序语言开发,还能实现多种程序语言语法不同颜色标注。如果对这方面有需求的可以下载体验下。 Komodo Edit功能...

    ActiveState Komodo Edit 10

    Komodo 是一个跨平台支持多种程序语言的Integrated Development Environment (IDE)软件,目前他支持了在Windows与Linux上,Perl、Python及JavaScript等的程序语言开发,以及多种程序语言语法不同颜色标注.

    Komodo-Edit-5.2.1

    ActiveState公司宣布,开源IDE Komodo Edit 4.3发布,这是一款基于广受赞誉的、支持多种动态语言的开源开发平台工具。它非常强大,支持Perl、PHP、Python、Ruby、Tcl,以及JavaScript、CSS、HTML、XML。拥有后台语法...

    Komodo-Edit-5.1.2-3572-linux-libcpp6-x86.tar.gz_3572_komodo_komo

    2. **代码完成**:在编写代码时,Komodo Edit提供智能代码补全功能,帮助用户快速输入常见的函数、类和方法,提高编程效率。 3. **代码折叠**:为了更好地管理和阅读复杂的代码结构,Komodo Edit允许用户折叠和展开...

    Komodo IDE 7中文

    在这个"Komodo IDE 7中文"版本中,用户可以享受到中文界面,使得国内开发者在使用过程中更加便捷,降低了语言障碍。 首先,让我们详细了解一下Komodo IDE 7的核心特性: 1. **多语言支持**:Komodo IDE 7不仅支持...

    KomodoEdit:Komodo Edit是一种快速免费的多语言代码编辑器。 以JS,Python,C ++编写并且基于Mozilla平台

    本自述文件说明了如何开始构建,使用和开发Komodo Edit源库。 虽然主要的Komodo Edit源位于此存储库下,但如果您只想为特定的组件做贡献,您可能还希望在下检出各个组件/附加存储库。 这将节省您一些时间和麻烦,...

    Komodo-Edit-7.0.0-rc2-9400

    在编辑功能方面,Komodo Edit提供了代码高亮、自动完成、语法检查和错误提示等功能,极大地提高了编码效率。代码高亮可以快速区分关键字、变量和字符串,使得代码结构一目了然。自动完成功能则通过分析已有的代码库...

    (Linux 下的)Komodo 安装文件(Komodo-Edit-5.2.2-4234-linux-libcpp6-x86_64.tar.gz)

    Komodo 是一个跨平台支持多种程序语言的 Integrated Development Environment (IDE)软件,目前它支持了在 Windows 与 Linux 上,Perl、Python 及 JavaScript 等的程序语言开发,以及多种程序语言语法不同颜色标注。...

    zencoding for Komodo

     使用仿CSS选择器的语法来快速开发HTML和CSS html+css 代码快速编写 ——由Sergey Chikuyonok开发。  Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。

    ActiveState Komodo IDE 10 Crack

    本工具可以一键激活Komodo10(本人亲测Komodo-IDE-10.0.0-89159.msi有效)。激活过程不报毒。之前的Komodo-IDE Keygen.exe 是无法激活 Komodo-IDE 10的。

    Komodo-IDE破解版

    Komodo-IDE,最好用的Python IDE,Komodo-IDE,最好用的Python IDE

    Komodo--支持多种语言,跨平台的开发工具

    在使用Komodo Edit 编写代码时,通过其提供的自动完成、调用提示、语法纠正、代码片断等功能可以充分提高你的编码效率,助你写出高质量的代码。如果你已经是Vi或Emacs拥趸,那么可以试试 Komodo Edit的Vi模拟和Emacs...

    Komodo-Edit-7.0.2-9923.msi

    Komodo-Edit-7.0.2-9923.msi

    Active State Komodo Edit Portable-开源

    Komodo Edit Portable是Active State的Komodo Edit版本。 具有Perl,PHP,Python,Ruby和Tcl以及JavaScript,CSS,HTML和XML以及RHTML,Template-Toolkit,HTML-Smarty和Django等模板语言的动态语言专业知识。

    Komodo-IDE-11.1.0-91033及破解软件

    在新版本的Komodo IDE 11中,提供了所有语言的多线程和多进程服务,自定义指定本地和远程 调试的图形调试器,同时支持代码折叠、跟踪变化、智能语法检测以及快速书签等实用型功能, 在使用调试器时还可以支持切换...

    komodo7 cn

    2. **chrome**:在 Komodo 7 中,“chrome”通常指的是用户界面的组件,包括主题、图标和其他视觉元素。这个目录可能包含 Komodo 7 的界面皮肤或者一些定制的UI元素,允许用户改变编辑器的外观和布局,以提高工作...

    KomodoNimToolbox:在Komodo Edit中为Nim编程语言构建类似于IDE的环境的有用工具

    KomodoNimToolbox 在Komodo Edit中为Nim编程语言构建类似于IDE的环境的有用工具有用的Nim员工可以在上找到尼姆安装当前说明可以在找到export NIMWORKDIR= ~ /downloadmkdir -p $NIMWORKDIRcd $NIMWORKDIRgit clone ...

    ext_v1-1.zip

    这个.cix文件的作用是帮助用户在Komodo Edit中安装EXT的相关支持,使得开发者可以在Komodo Edit中便捷地编写和调试EXT JS代码。 EXT JS的组件化特性是其核心优势之一,它允许开发者通过组合和配置预定义的组件来...

    Komodo 7.0.2+phpCB 教程 + 下载地址

    Komodo 7.0.2 是一款强大的集成开发环境...在提供的压缩包中,"komodo php format.docx"可能是Komodo关于PHP编程的格式化指南或教程,而"phpCB-1.0.1-windows.zip"则是phpCB的Windows安装包,可用于安装和使用该工具。

    Komodo-IDE-7

    Komodo Edit 是 Komodo IDE 的精简版,严格来说只能算一个编辑器。仅支持代码高亮与补齐,但这个是免费软件所以值得一试。ASED 也是一个老牌的 Tcl/Tk IDE 了,有方便的函数树导航窗口,只消一点就可以马上跳转到源...

Global site tag (gtag.js) - Google Analytics