Emmet expand 缩写在带有属性的 Visual Studio Code 中不起作用

Ina*_*nse 11 html emmet visual-studio-code

我开始在我的 Web 项目中使用 Visual Studio Code,没有 Emmet 我就活不下去,但是当我尝试用属性扩展 HTML 标签中的缩写时遇到了问题。只是一个例子。如果我编写html:5并按 TAB 键,它会展开所有 HTML5 模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

并使用 id 和 class 编写标签,例如p#id.class,它会正确生成下一段代码

<p id="id" class="class"></p>
Run Code Online (Sandbox Code Playgroud)

但是当我想用方括号内的其他属性扩展相同的标签时,它不起作用。只需在代码中添加一个制表符空间。

p[align="center"]
Run Code Online (Sandbox Code Playgroud)

如果我尝试使用大括号在标签中添加文本,同样的事情

p{Test}
Run Code Online (Sandbox Code Playgroud)

你能帮我知道如何配置它,或者我的软件/扩展是否有问题?

问候,

Ina*_*nse 17

几天后,在 Visual Studio Code 网页中的Emmet 中进行调查,我找到了解决方案。

您需要将下一行添加到用户设置文件中,以便使用 Tab 键扩展 Emmet 缩写:

"emmet.triggerExpansionOnTab": true
Run Code Online (Sandbox Code Playgroud)

这是因为默认情况下在 Visual Studio Code 上是禁用的。

  • 将此行添加到我的 settings.json 后仍然遇到问题。我收到的错误是“未找到命令'emmet.expandAbbreviation'”。 (3认同)
  • @KshitijSaraogi“emmet.expandAbbreviation”已弃用,您需要从 settings.json 中删除并添加“emmet.triggerExpansionOnTab”而不是 (2认同)

San*_*osh 11

在 Visual Studio Code 中:文件 > 首选项 > 设置 > 扩展 > Emmet > 在 settings.json 文件中编辑

添加以下对我有用的代码。

"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html":"html"},
Run Code Online (Sandbox Code Playgroud)

我希望它可以帮助某人。