Zen Coding介绍

Zen Coding是一套面向文本编辑器的插件，它允许通过IDE工具的联想功能（内容辅助）高速度的编辑HTML、XML、XSL和其他结构化的代码格式。

Zen Coding由Vadim Makeev发起，并由Sergey Chikuyonok发展而来，这套插件已经被许多文本编辑器采纳，如Eclipse、sublime text、NetBeans等。

Zen Coidng由两大核心组件构成：一个是展开缩写功能和标签平衡功能。

功能

  展开缩写

Zen Coding可以使用特定的语法展开小段代码，开发者只需编写小段代码，用快捷键Ctrl+E执行则可以生成完成的HTML代码，代码如下：

 html>(head>meta:utf+title+)+body>ul>li*4>{text$$}

写完上述代码后，使用Ctrl+E快捷键展开代码，奇迹发生了...

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<title></title>

</head>

<body>

<ul>

<li>text01</li>

<li>text02</li>

<li>text03</li>

<li>text04</li>

</ul>

</body>

</html>

分析：虽然Zen Coding不具备Emmet的一小部分功能，但是用于开发足够了。

  1. 标签平衡

        HTML匹配器允许用户定位当前光标位置的标签下使用展开缩写功能，而不需从文件头部开始扫描

    分析：Zen Coding可以快速定位用户光标当前位置，并在该位置快速调用展开缩写功能，这意味着你可以在文档任何位置使用展开缩写功能，不需考虑文档内容多寡降低效率。

  2.  

    下载Zen Coding插件

    下载地址：https://pan.baidu.com/s/1dFKZNu5，下载Zen Coding插件，其中NppScripting文件夹和NppScripting.dll是要转义文件。

  3.  

    配置Notepad++的plugins

    将压缩包中NppScripting和NppScripting.dll文件复制到Notepad++的plugins文件内（如：D:\Notepad\plugins）.

  4.  

    查看安装结果

    打开Notepad++工具栏看到“Zen Coding”说明安装成功。

Notepad++安装Zen Codingt插件的更多相关文章

  1. Notepad++ 安装 Zen Coding / Emmet 插件

    Zen Coding 插件 ============== 下载: Zen.Coding-Notepad++.v0.7.zip ==Installation== 1. Copy contents of ...

  2. NotePad++安装和配置C／C＋＋开发插件

    NotePad++ - 安装和配置C/C++开发插件 | NotePad++ - Install and Configure plugins for develop C/C++ http://aofe ...

  3. Notepad++ --v7.5.8 (64bit) 安装目录显示插件（Explorer）

    https://blog.csdn.net/qq_24153697/article/details/83036761 最近想自己做一个小项目,用Notepad做IDE,但是发现已安装的Notepad没 ...

  4. Notepad++ 安装 NppFTP 插件

    How to install a plugin The plugin (in the DLL form) should be placed in the \plugins subfolder of t ...

  5. Notepad++安装json插件

    安装  : 1.下载插件压缩包并解压出dll:NPPJSONViewer.dll(64位) 下载地址:https://pan.baidu.com/s/1JeBzrovb-GHRo14vO-AnJA 提 ...

  6. notepad++ 安装go插件

    1. 想学习go语言 使用notepad++ 但是发现无法安装 gonpp的插件 花了很长时间. 发现问题为: 前几天将notepad++ 升级到了 7.6 的版本 然后使用 plugin manag ...

  7. NotePad++安装compare插件(两个文件对比功能)

    首先百度搜索“notepad compare”,找到“Notepad++ Compare plugin download | SourceForge.net”,SourceForge提供了一个Comp ...

  8. Notepad++离线安装使用Markdown插件

    1.介绍 MarkdownViewerPlusPlus是Notepad++的Markdown插件, 这个Markdown插件可以在Notepad++中实时动态渲染, 可以同步查看使用Markdown的 ...

  9. Notepad++前端开发常用插件介绍

    Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Co ...

随机推荐

  1. iOS---如何截图，如何将图片保存到相册

    最近的项目中运用到了这两个功能,所以记录一下.做了一个小工程将两个方法结合到了一起 1 - (void)viewDidLoad { [super viewDidLoad]; UIButton * bt ...

  2. Dubbo学习-8-dubbo启动时检查

    启动时检查的作用如下: (1)Dubbo 缺省会在启动时检查依赖的服务是否可用,不可用时会抛出异常,阻止 Spring 初始化完成,以便上线时,能及早发现问题,默认 check="true& ...

  3. asp.net中的ORA-12154: TNS: 无法解析指定的连接标识符

    本机PL/SQL能正常连接,但是asp.net连接有问题. 临时解决方案: <add key="ConnectString" value="Data Source= ...

  4. 关于Reporting Services网站

    1.http://www.c-sharpcorner.com/search/sql%20server%20reporting%20services 2.https://msdn.microsoft.c ...

  5. Layui数据表格/搜索重加载/分条件操作/工具条监听

    <div class="layui-layout layui-layout-admin" style="padding-left: 20px;"> ...

  6. docker 保存镜像 加载镜像

    1.保存镜像 docker save -o 保存的文件名  来源镜像 2.加载镜像 docker load -i 保存的文件名

  7. 设计模式 - 建造者模式 Builder Pattern

    简介 场景 在创建复杂对象时,用户无须关心该对象所包含的属性以及它们的组装方式,只需要指定复杂对象的类型和内容就可以构建它们. 模式定义 建造者模式:将一个复杂对象的构建与表示分离,使得同样的构建过程 ...

  8. jQuery DataTables 问题：Cannot reinitialise DataTable

    解决:  destroy: true, var tabel = $('#userlist').DataTable({        destroy: true,                    ...

  9. 19.ThreadLocal方法解决代码不友好的问题

    #ThreadLocal import threading #创建全局ThreadLocal loacl_school = threading.local() class Student(): def ...

  10. maven基础--下载安装配置命令生命周期

    maven apache 公司开源项目,项目构建工具 好处: 项目小 坐标:公司名称+项目名称+版本信息 通过坐标去 仓库查找jar包 maven的两大核心: *赖管理:对jar包管理过程. 项目构建 ...