如何将自定义片段添加到 zen-coding？

Posted 2023-02-21

【中文标题】如何将自定义片段添加到 zen-coding？

【英文标题】：How do I add custom snippets to zen-coding?

【发布时间】：2011-07-16 17:56:53

【问题描述】：

我正在尝试了解如何将自定义 sn-ps 添加到 Notepad++ 的 Zen Coding (ZC) 插件。我找到了ZC存储sn-ps的文件

C:\Program Files\Notepad++\plugins\NppScripting\includes\Zen Coding.js

但我有一些问题：

“sn-ps”和“缩写”有什么区别？ ZC 在不同的上下文中以不同的方式扩展键入的缩写。例如，Z 后跟 Ctrl+E 有时会扩展为 z-index:|;，有时会扩展为 <z></z>。 ZC 如何识别上下文？

【参考方案1】：

其实Zen Coding现在改名为Emmet，也就是available to Notepad++，还有一些docs on customization。

看来你需要阅读它的snippets.json 格式。

我看不出那里的 sn-ps 和缩写之间的区别，所以最好两种方式都尝试。

Zen Coding（和 Emmet）根据编辑器识别上下文，例如在 ST2 中它是基于当前的 Syntax 和 Scope，我认为应该有类似于 Notepad++ 的东西

【参考方案2】：

这是一个缩写的例子：

ul.myClass0$>li*5>a

这是一个 sn-p 的例子：

<ul class="myClass01">
    <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>

【参考方案3】：

我没有使用过 Zen Coding，但我更喜欢运行一个宏来存储我的大部分 sn-ps。我发现它们简单且可自定义，您可以设置任何您喜欢的快捷键组合。 如果您转到宏>“开始录制”，然后输入您想要的任何 sn-p，然后按“停止录制”，然后按“保存当前录制的宏”，它将提示您输入您想要的快捷键。可能有一种更优雅的方式来实现这一点，但我发现快速简单总是好的。

希望这会有所帮助。