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

标签 html visual-studio-code emmet

我开始在我的 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/

相关文章:

scala - 如何在scala程序中的vs代码中设置断点

php - 我如何找出导致元素出现空格的原因? margin 和填充?

javascript - 如何连接到 Javascript 中的 Excel 事件

python - 在 VS Code 中使用路径作为参数值设置自定义启动器(Flask - 证书路径)

visual-studio-code - 我在 visual studio 代码中遇到光标问题

html - 如何在 Atom 中禁用 Emmet 的 Tab 自动完成功能?

html - 如何在html页面上从下到上显示mysql数据库的内容

javascript - 检查表单中所有复选框的状态

text-editor - Sublime Text 2 和 Zen Coding CSS 缩写

emmet - 在 Atom 文本编辑器上安装 Emmet 和其他包