时间戳

首页 > 解决方案 > Emmet 扩展缩写在具有属性的 Visual Studio Code 中不起作用

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>

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

<p id="id" class="class"></p>

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

p[align="center"]

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

p{Test}

你能帮我知道如何配置它，还是我的软件/扩展有问题？

问候，

标签： htmlvisual-studio-codeemmet

解决方案

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

您需要在用户设置文件中添加下一行，以使用 Tab 键扩展 Emmet 缩写：

"emmet.triggerExpansionOnTab": true

这是因为默认情况下在 Visual Studio Code 上处于禁用状态。

推荐阅读