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

Question

当我在 VS Code 中键入 html 标签名称时，IntelliSense 会建议代码片段。例如，如果我输入 "form" 片段生成：

<form action=""></form>

如何配置此代码段（我想去掉 "action" 属性）？ 哪个组件负责这些片段？是埃米特吗？

谢谢。

Answer 1

是的，是埃米特。

通用代码段在 /usr/share/code/resources/app/extensions/html-language-features/server/node_modules/vscode-emmet-helper/out/expand/expand-full.js

中定义

只需更改：

"form": "form[action]",

您选择的片段，例如：

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

另一种方法：

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

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

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