如何在 vscode/intellisense 中配置构建 html 片段

Question

当我在 VS Code 中键入 html 标记名称时，IntelliSense 建议使用代码 sn-p。例如，如果我输入“form” sn-p 生成：

<form action=""></form>

如何配置这个 sn-p（我想去掉“action”属性）？ 哪个组件负责这些 sn-ps？是艾米特吗？

谢谢。

Answer 1

是的，是艾米特。

通用 sn-ps 在 /usr/share/code/resources/app/extensions/html-language-features/server/node_modules/vscode-emmet-helper/out/expand/expand-full.js 中定义

简单的改变：

"form": "form[action]",

到您选择的 sn-p，例如：

"form": "form[\[formGroup\]]",

另一种方法：

• 为您的私有 emmet sn-ps 创建目录，例如：~/.config/emmet
• 打开 VS Code 设置 (Ctrl + ,)
• 搜索 emmet.extensionPath 并将其设置为 ~/.config/emmet
• 创建 ~/.config/emmet/sn-ps.json 文件

{
    "html": {
        "snippets": {
            "form": "ju-hu"
        }
    }
}

更多详情https://code.visualstudio.com/docs/editor/emmet#_using-custom-emmet-snippets