如何在 VSCode 中添加自定义 emmet 片段？

问题描述

根据 october 2020 changelog，可以为 VSCode 添加自定义代码段。 假设我有位于 snippets.json 的 workspace\configs\emmet，内容如下：

{
  "html": {
    "snippets": {
      "btn:b|button:button|button:b": "button[type={button}] ${1}"
    }
  }
}

我想以与操作系统无关的 .code-workpace 文件方式链接其路径，因此使用一堆 VSCode variables：

{
  "settings": {
    "emmet.extensionsPath": "${workspaceFolder}${pathSeparator}configs${pathSeparator}emmet"
  }
}

但是这个新片段没有出现在建议中。什么给？

解决方法

在 VS code 菜单中，点击 File -> Preferences -> User Snippets，

然后添加如下代码片段：

"<snippets name>": {
        "scope":  "< e.g javascript,typescript,vue,coffeescript,typescriptreact>","prefix": "<your prefix>","body": [
                "<snippet body"
        ]
},