软件指南针:专注于软件传播与分享

HTML开发神器:EmEditor Zen Coding插件

来源:原创 1698次浏览 0条评论
☞ 本文主要介绍软件EmEditor的相关内容:HTML开发神器:EmEditor Zen Coding插件

   其下列版本/分支可以参考本文:

  • 全部版本/分支

"你在使用EmEditor吗?"

— "Yes!"

"眼光不错,加50分~!你使用EmEditor编写HTML代码吗?"

— "Yes!"

"非常勤奋,加50分~!你是用的EmEditor的Zen Coding插件开发HTML代码吗?"

— "No,弱弱地问一句:Zen Coding插件是什么东东?"

"什么,你连Zen Coding都不知道!还搞什么HTML开发,减去100分!"

Zen Coding是一种用于快速编写HTML+CSS代码的新方式,堪称HTML + CSS开发神器。Zen Coding最初由Sergey Chikuyonok开发,现在已经成为Google Code上的一个开源项目。

Zen Coding是一种仿CSS选择器的语法来快速编写HTML + CSS代码的方法。现在,我们就先来通过几个具体的例子,来看看Zen Coding是如何快速编写HTML + CSS代码的。

1、下载 Zen Coding 插件

请点击下载EmEditor最新版的Zen Coding插件:

zen_emeditor_0.7.zip 下载地址1

zen_emeditor_0.7.zip 下载地址2

2、安装Zen Coding宏

解压下载的压缩文件,我们可以看到解压目录下的文件列表如下:

EmEditor Zen Coding插件的文件列表

接着,我们进入目录C:\Users\Administrator\Documents\My Macros,将文件zen_emeditor.jsee放入该文件夹中。

EmEditor My Macros目录

上述演示安装是在Win 7系统的Administrator用户下进行的,如果你是XP系统,对应的文件夹路径可能为C:\Documents and Settings\Administrator\My Documents\My Macros。上述文件夹是EmEditor安装宏的默认目录,默认为【我的文档】下的My Macros目录,如果你以前没有安装过宏,该目录可能不存在,请自行创建。你也可以通过点击EmEditor菜单栏【宏】->【自定义】->【选项】来查看保存宏文件的默认目录。

EmEditor自定义宏文件保存目录

EmEditor自定义宏文件保存目录

3、导入Zen Coding到代码片段插件

接着,我们在代码片段插件窗口任意区域点击鼠标右键,在弹出的关联菜单中选择【导入/导出】->【导入到根文件夹】。

不知道如何启用代码片段插件并显示为如下界面?请点击这里查看代码片段插件的使用指南

导入Zne Coding插件到根文件夹

接着,我们选中zen_emeditor_0.7.zip解压目录下的zen-coding-en.eesnip件,然后点击【打开】。

选中Zen Coding代码片段插件文件

接着,我们就可以在代码片段插件窗口看到一个名为Zen Coding的文件夹。如下图所示,我们就可以非常方便地使用Zen Coding来编写HTML/CSS代码了,下图所示的Expand Abbreviation(快捷键F12)也成为我们最常用的代码片段功能之一。

EmEditor添加的Zen Coding代码片段插件

作者:软件指南针(http://www.softown.cn),转载请保留出处!

用户评论

使用指南 故障排除 0 返回顶部