我开始在我的 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}
你能帮我知道如何配置它,或者我的软件/扩展是否有问题?
问候,
最佳答案
几天后,调查在Emmet in Visual Studio Code webpage我找到了解决方案。
您需要在用户设置文件中添加下一行,以便使用 Tab 键扩展 Emmet 缩写:
"emmet.triggerExpansionOnTab": true
这是因为默认情况下在 Visual Studio Code 上是禁用的。
关于html - Emmet expand 缩写在带有属性的 Visual Studio Code 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53083159/