Emmet 扩展缩写在具有属性的 Visual Studio Code 中不起作用

新手上路,请多包涵

我开始将 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 许可协议

阅读 333
2 个回答

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

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

 "emmet.triggerExpansionOnTab": true

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

原文由 Inazense 发布,翻译遵循 CC BY-SA 4.0 许可协议

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

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

 "emmet.triggerExpansionOnTab": true,
"files.associations": {"*html":"html"},

我希望它能帮助别人。

原文由 Santosh 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题