我开始将 Visual Studio Code 用于我的 Web 项目,没有 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}
你能帮我知道如何配置它,或者它是否是我的软件/扩展的问题?
问候,
原文由 Inazense 发布,翻译遵循 CC BY-SA 4.0 许可协议
几天后, 在 Visual Studio Code 网页中的 Emmet 中 进行调查,我找到了解决方案。
您需要在用户设置文件中添加下一行以使用 Tab 键扩展 Emmet 缩写:
这是因为默认情况下在 Visual Studio Code 上禁用。