在VSC中是否可以编辑内置的Emmet缩写？

Question

我希望能够编辑默认的“！”行为，而不是从头开始创建自己的“！”版本。

在VSC中是否可以编辑（微调）Emmet缩写的默认行为？

- Morfidon

---

是的，但是当您更新VSC时，您的编辑内容会丢失，最好使用自定义emmet代码片段。 - rioV8

将“！”的定义复制到自定义片段中，使用不同的名称，并修改片段。 - rioV8

Answer 1

是的！从文档中可以看到：

自定义 Emmet 代码片段需要在名为 snippets.json 的 json 文件中定义。设置 emmet.extensionsPath 应该包含包含此文件的目录的路径。

{
  "html": {
    "snippets": {
      "ull": "ul>li[id=${1} class=${2}]*2{ Will work with html, pug, haml and slim }",
      "oll": "<ol><li id=${1} class=${2}> Will only work in html </ol>",
      "ran": "{ Wrap plain text in curly braces }"
    }
  },
  "css": {
    "snippets": {
      "cb": "color: black",
      "bsd": "border: 1px solid ${1:red}",
      "ls": "list-style: ${1}"
    }
  }
}

在此处获取更多信息。

你还可以使用过滤器修改现有的块。

- Tim

---

你能展示一个使用过滤器的工作示例吗？例如内置的“！”？ - Morfidon

@Morfidon 你无法编写新的过滤器，它们只能修改 Emmet 的输出而非输入字符串。 - rioV8

在评论中复制我提到的链接文本的信息价值是什么？ - rioV8

@riov8 - 我没有看到你的评论，但即使我看到了，根据Stack Exchange元数据，“链接很棒，但它们永远不应该是您答案中唯一的信息。” 链接腐烂是一个巨大的问题，而且这是一个很长的页面，因此挑选出具体的示例并添加其他信息是有帮助的。 - Tim

如果链接失效，VSC也会失效，并且这是VSC的官方文档，而不是一些geekforgeeks。 - rioV8

并不完全正确。公司经常重新组织文档。 - Tim