时间戳

首页 > 解决方案 > 如何在 vscode/intellisense 中配置构建 html 片段

visual-studio-code - 如何在 vscode/intellisense 中配置构建 html 片段

问题描述

当我在 VS Code 中键入 html 标记名称时，IntelliSense 会建议代码片段。例如，如果我键入“表单”片段生成：

<form action=""></form>

如何配置此代码段（我想摆脱“动作”属性）？哪个组件负责这些片段？是埃米特吗？

谢谢。

标签： visual-studio-codeintellisensecode-snippets

解决方案

是的，是埃米特。

通用片段在 /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

推荐阅读