在UlrtraEdit中配置Zen Coding的方法

Zen Coding出来很久一段时间了，鬼哥更是在分享时潇洒的秀了一把，真是羡慕死人了。最近一直忙着搞需求，只有周末才有时间折腾一下，有点小郁闷~

  • Aptana配置方法及详细介绍可以看前端观察翻译的Zen Coding: 一种快速编写HTML/CSS代码的方法，配置起来有些麻烦，每个项目要导入一遍，另外虽然Aptana功能很强大，JQ/YUI等智能感知也很爽，不过有些慢
  • Editplus配置方法见zen code for EditPlus，缺点是zen coding之前要先选中代码段，麻烦，另外在EP中的Consolas字体显示也很差劲
  • Dreamwear配置方法见zen coding的dreamweaver插件安装教程，额，自从告别ASP后就没用过DW了
  • Visual Studio 2008配置方法见[Tool]Zen-coding : Set of plugins for HTML and CSS hi-speed coding，这个很合我意，不过VS太过庞大，哪天系统崩溃时来个紧急需求，安装起来也要半天
  • Vim的见在Vim里玩Zen Coding，Vim还木有用过，out了

Zen Coding中最吸引我的是html展开功能，一个轻量级的编辑器就够了，鉴于此选择了UltraEdit，用的是烈火汉化绿色版（绿色便携版没搞成功，貌似不支持），以下是配置方法：

  1. 下载UltraEdit Zen Coding.zip并解压Zen HTML UltraEdit.js至UltraEdit目录下的scripts目录中
  2. 按快捷键Ctrl+Shift+Z调出脚本窗口，点击添加按钮选择刚才解压的HTML UltraEdit.js并设置快捷键（我设置的Ctrl+Enter），按确定保存即可

接下来测试一下，新建文件，敲入以下语句：

复制代码

代码如下:

div.mod.mod1>div.inner>div.hd+div.bd>ul>li*10>a

之后按下Ctrl+Enter，马上变成：

复制代码

代码如下:

<div class="mod mod1">
<div class="inner">
<div class="hd"></div>
<div class="bd">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
</div>

大功搞成！
Zen Coding的html书写规则详见Zen HTML Elements

赞 (0)

相关推荐

  • 详解Linux系统中配置静态路由的方法

    主机只有一块网卡的时候,不会涉及到默认路由和静态路由的问题.两块网卡时,也可以一块配置有网关(默认路由走这个网卡),另外一块只配置IP和掩码确认(该主机同网络的可以互通).不过在稍大型的.有多网段的环 ...

  • 在Tomcat中配置虚拟主机的方法分享

    一、基于主机名的虚拟主机的配置方法 在tomcat的server.xml中添加如下语句： 复制代码 代码如下: <span style="font-size:16px;"> <Hos ...

  • 怎么在安卓Android手机中配置VPN客户端

    怎么在安卓Android手机中配置VPN客户端

    今天,小编给大家分享在安卓Android手机中配置VPN客户端的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到[设置]图标,点击进入主界面.2.第二步,我们需要选择新界面中的 ...

  • 怎么在windows7电脑中配置 IIS 服务器？

    怎么在windows7电脑中配置 IIS 服务器？

    许多小伙伴的电脑都是win7的系统,如果我们要在电脑中配置IIS服务器应该如何操作呢?今天,小编就教大家在windows7电脑中配置 IIS 服务器.具体如下:1. 首先我点击电脑桌面左下角的[开始] ...

  • MyEclipse中配置struts2.2.1的方法

    MyEclipse中配置struts2.2.1的方法

  • win7系统下安装配置IIS服务器的方法

    熟悉的朋友会知道，IIS是一种Web服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传 输、新闻服务和邮件发送等方面，它使得在网络上发布信息成了一件 ...

  • 判断Win7笔记本配置性能的评判方法

    现在大家都喜欢自己组装电脑,或者去购买人家已经组装好的电脑,这样就可以根据自己的要求来配置电脑,还是个不错的选择,因为电脑的配置是直接关系到电脑的运行速度的,如果电脑的配置比较低的话,无疑是会对电脑的 ...

  • win8系统中查看Nvidia显卡的方法

    很多电脑的门外汉们对于显卡没有很大的关注,所以对于显卡的功能和用处也没有了解,但是对于游戏的爱好者来说,对于显卡大多有个大致的了解,显卡的配置直接影响电脑的运行速度,显卡的配置越高,对于电脑的影响也就 ...

  • Linux操作系统下三种配置环境变量的方法

    现在使用linux的朋友越来越多了,在linux下做开发首先就是需要配置环境变量,下面以配置java环境变量为例介绍三种配置环境变量的方法. 修改/etc/profile文件 如果你的计算机仅仅作为开 ...