【问题标题】:Is it possible to EDIT built-in Emmet abbreviations in VSC?是否可以在 VSC 中编辑内置的 Emmet 缩写?
【发布时间】:2026-01-18 04:45:02
【问题描述】:

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

是否可以在 VSC 中编辑(调整)Emmet 缩写的默认行为?

【问题讨论】:

标签: visual-studio-code vscode-settings emmet


【解决方案1】:

是的!来自文档:

自定义 Emmet sn-ps 需要在名为 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}"
    }
  }
}

More info here.

您还可以使用filters 修改现有块。

【讨论】:

  • 您能否展示一个工作示例如何在例如内置“!”上使用过滤器?
最近更新 更多