手机
当前位置:查字典教程网 >软件教程 >编程开发 >在UlrtraEdit中配置Zen Coding的方法
在UlrtraEdit中配置Zen Coding的方法
摘要:ZenCoding出来很久一段时间了,鬼哥更是在分享时潇洒的秀了一把,真是羡慕死人了。最近一直忙着搞需求,只有周末才有时间折腾一下,有点小郁...

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,用的是烈火汉化绿色版(绿色便携版没搞成功,貌似不支持),以下是配置方法:

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

看不到图片请翻墙

接下来测试一下,新建文件,敲入以下语句:

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

之后按下Ctrl+Enter,马上变成:

<div>

<div>

<div></div>

<div>

<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

【在UlrtraEdit中配置Zen Coding的方法】相关文章:

PHPstorm8 自动换行设置方法

在VC++中检测内存泄露的方法

在Visual Studio 2008 SP1 中调试ASP的图文教程

在win7上hadoop环境搭建的方法(图)

MyEclipse中配置struts2.2.1的方法

Visual Studio 2010 安装 Mono for Android 的图文教程

MyEclipse中配置struts.xml自动提示的方法

百度编辑器ueditor(v1.3.6)net环境中详细配置教程附bug解决方法

WinForm程序启动时不显示主窗体的5种方法

win7上java环境变量设置方法(图)

精品推荐
分类导航