如何使用 Emmet 在 Sublime 中添加非 html 语法片段？答案

【问题标题】：How to add not html syntax snippet in Sublime with Emmet?如何使用 Emmet 在 Sublime 中添加非 html 语法片段？
【发布时间】：2021-05-09 23:30:02
【问题描述】：

旧的Emmet工作罚款，但是现在我的Sublime已经自动升级Emmet插件到最新版本了，下面的sn-ps就不行了……

最新的 Emmet 在自定义 sn-ps 上只能接受 HTML 语法

这些 sn-ps my 看起来很奇怪，因为这些是我的自定义标记，将在Template Engine 中转换为 php 代码，因此代码不是 HTML 语法。

例如，当我输入p1 并按tab 时，我希望它给我：

{
    "config": {
        // Configure snippets/options for HTML syntax only.
        // For a list of supported syntaxes, check out keys of `syntax_scopes`
        // dictionary of `Emmet.sublime-settings`
        "html": {
            "snippets": {
                "p1": "<!--{if }-->",
                "l1": "<!--{/if}-->",
                "p2": "<!--{loop }-->",
                "l2": "<!--{/loop}-->",
                "p3": "<!--{eval }-->",
                "p4": "<!--{block }-->",
                "l4": "<!--{/block}-->",
                "else": "<!--{else}-->",
                "elif": "<!--{elseif }-->"
            }
        }
    }
}

【问题讨论】：

标签： sublimetext3 emmet

【解决方案1】：

新的 Emmet 接受 sn-p 值作为 Emmet 的缩写（是的，一个递归），并且与原生 ST sn-ps 配合得更好。因此，您应该将您的 sn-ps 添加为 ST 中的本机，或者如果您仍想将 Emmet 用于此类 sn-ps，则应将它们写为有效的 Emmet 缩写。要以 Emmet 缩写输出任意文本，您应该将其写为文本节点，例如用{ 和} 包裹起来。

所以，你的 sn-p 应该是这样的：

"p1": "{}"

【讨论】：