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. redis下载及安装教程

    https://blog.csdn.net/w546097639/article/details/88547486

  2. python学习笔记(十四)加密模块

    import hashlib ybq_pwd='bugaosuni' m=hashlib.md5() bytes_ybq=ybq_pwd.encode()#把字符串转成bytes类型,中文字符在Pyt ...

  3. 【HDOJ6656】Kejin Player(期望DP)

    题意:玩一个共有n级的游戏,i级出发每次可以花a[i]的代价,有p[i]的几率变成i+1级,有1-p[i]的几率变成x[i]级,x[i]<=i 多次询问,每次询问从l级升到r级的期望总代价 n, ...

  4. (2)用C语言实现面向对象---封装、继承和多态

    封装:struct中封装成员变量和函数指针. 继承:结构体中嵌套结构体. 多态:子类对象动态指向父类的现象叫多态. void  pFunction2(void) { printf(“函数2”): } ...

  5. 20180805-Java 异常处理

    try{ //程序代码}catch(ExceptionName e1){ //Catch 块} 下面的例子中声明有两个元素的一个数组,当代码试图访问数组的第三个元素的时候就会抛出一个异常. //文件名 ...

  6. HBuilder打包app(vue项目)

    一.测试项目是否可以正确运行    指令:npm run dev 首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 不必非得是像我这样的,这一步的目的只是测试一下咱们的 ...

  7. 【进阶技术】一篇文章搞掂:RibbitMQ

    一.简介 一开始,消息队列源自于一个激进的工程师的思想,他希望有一种通用软件“总线”能解决程序间繁重的信息通信工作 后来出现了很多消息队列产品,但是他们互不兼容,价格昂贵 后来出现了AMQP,高级消息 ...

  8. jsc2019_qualD Classified

    题目大意 给你一个有n个点的完全图 求一种方案是的给边染色后任何一点不能沿一种颜色的边走奇数条边回到这个点 要求颜色数最少 分析 考场上输出格式打错见祖宗... 我们每次找一个最大二分图将其染一个新颜 ...

  9. Vue混入:基础

    混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能. 一 App组件 <template> <div id="app"> & ...

  10. MySQL DDL-对库和表的操作

    #DDL /* 数据定义语言 库和表的管理 一.库的管理 创建.修改.删除 二.表的管理 创建.修改.删除 创建:create 修改: alter 删除:drop */ 一.库的管理 #1.库的创建 ...