在UlrtraEdit中配置Zen Coding的方法

所属分类: 软件教程 / 编程开发 阅读数: 692
收藏 0 赞 0 分享

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

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

更多精彩内容其他人还在看

如何利用power designer建立业务流程模型?Power Designer创建业务流程模型的教程

如何利用power designer建立业务流程模型?今天这篇教程就讲述了Power Designer创建业务流程模型的具体流程介绍。感兴趣的朋友不妨阅读下文内容,参考一下吧
收藏 0 赞 0 分享

如何使用power designer建立UML组件图?power designer创建UML组件图的教程

如何使用power designer建立UML组件图?下文中详细的介绍了Power Designer创建UML组件图的具体操作方法,感兴趣的朋友不妨阅读下文内容,参考一下吧
收藏 0 赞 0 分享

如何使用powerdesigner建立技术基础设施图?创建技术基础设施图的方法介绍

如何使用powerdesigner建立技术基础设施图?今日在此篇教程中就带来了Power Designer创建技术基础设施图的详细操作步骤,感兴趣的朋友不妨阅读下文内容,参考一下吧
收藏 0 赞 0 分享

anaconda3安装教程图文详解

这篇文章主要介绍了anaconda3安装教程,本文以Anaconda3-5.3.1为例,图文并茂的形式给大家介绍的非常详细,需要的朋友参考下吧
收藏 0 赞 0 分享

Eclipse怎么使用post方法实现Web Service?

Eclipse怎么使用post实现Web Service?java中想要使用外部资源,想要使用HttpClient实现post请求接口实现实现Web Service,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

SQL数据库恢复工具 SysTools SQL Recovery 9 安装授权激活教程

SysTools SQL Recovery是一款简单、高效、实用的sql数据库恢复和损坏修复工具,可以恢复已删除的SQL表数据,本次主要为大家带来了SysTools SQL Recovery 9 安装授权激活教程,需要的朋友可以参考下
收藏 0 赞 0 分享

scratch3.0怎么创建飞舞变色的蝴蝶?

scratch3.0怎么创建飞舞变色的蝴蝶?scratch3.0中想要制作一个动画,该怎么制作一个飞舞变色的蝴蝶,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

eclipse工具栏没有创建类/创建包选项怎么办?

eclipse工具栏没有创建类/创建包选项怎么办?eclipse编程开发的时候,发现工具栏没有创建类创建包的选项,该怎么添加进来呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

scratch3.0怎么制作让小猫画圆的动画效果?

scratch3.0怎么制作让小猫画圆的动画效果?scratch3.0创建的小猫角色想要添加转圈的动画,该怎么让小猫画圆呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

scratch怎么快速插入电子吉他角色?

scratch怎么快速插入电子吉他角色?scratch中想要出入一个电子吉他角色,该怎么插入电子吉他角色呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多