速写代码软件Zen Coding

/ 18评 / 0

一直在用NotePad++来编辑和查看各类文本语言,感觉上也是轻便好用不占电脑地方,但是简单的修改足够用了,现在我已经不仅仅满足于HTML和CSS的修改了,而是自己尝试的写出一段段的代码,这样感觉NotePad++就有点太累了。碰巧机缘巧合下发现了Zen Coding这个软件,完全不用担心语法错误这类的问题了,你只要尝试书写出语句要领,它会自动往里面补全语句其他部分,非常省时间非常好用。特别适合HTML+CSS的童鞋们。

下面的动态演示图,只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。

先举一个复杂的例子:zen-coding 可以把这样的代码:div#header>ul.navigation>li*4>a,变成下面的 HTML 代码:

看到这熟悉的语法结构,会 CSS 的朋友一定会惊声尖叫!最妙的是那个“*4”,直接生成 4 个 li 代码了。没错,Zen Coding 就是这样牛叉的东西,Zen Coding 分为 Zen HTML 和 Zen CSS 两部分。这两部分功能是以插件的形式来实现的。如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下载页面找到相关的插件。

网页版快捷键说明:

Ctrl + E:展开代码
Ctrl + D:向外快速选中代码块
Shift + Ctrl + D:向内快速选中代码块
Shift + Ctrl + A:输入一个缩写,自动展开并包围所选代码
Ctrl + Alt+→ :光标智能跳转到下一个编辑点(自己试试就知道多体贴了)
Ctrl + Alt+←:光标智能跳转到上一个编辑点
Ctrl + L:选择一行
官方演示视频:Zen CSSZen HTML。另外,缩写的含义请看:Zen CSS PropertiesZen HTML Elements,各种插件的安装方法请看官方 wiki。

下载:官方网站

  1. 罗迦费升格说道:

    我个人认为,这样对学习不太好。

  2. garmin 1490t说道:

    Searching for this for some time now – i guess luck is far more advanced than look for engines 🙂

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注