代码之家 › 专栏 › 技术社区 › Inazense

Emmet expand缩写在带有属性的visualstudio代码中不起作用

emmet visual-studio-code html

Inazense · 技术社区 · 7 年前

只是一个例子。如果我写 html:5

<!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}

你能帮我知道如何配置它吗?或者我的软件/扩展是否有问题?

当做,

2 回复 | 直到 7 年前

Inazense 7 年前

过了几天,调查组 Emmet in Visual Studio Code webpage

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

"emmet.triggerExpansionOnTab": true

这是因为在visualstudio代码中默认情况下是禁用的。

KyleMit Steven Vachon 5 年前

文件>首选项>设置>扩展>埃米特>在settings.json文件中编辑

添加下面的代码,这对我工作。

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

我希望它能帮助别人。

Benneee_ 7 年前

我不认为方括号在emmet中起作用了。。。据我所知,它用于在元素中添加文本。

所以p>{此处的文本}将产生 <p>text here</p>

如果您还需要更多帮助,请查看emmet缩写语法文档: The Emmet Docs - Abbreviations Syntax

-2

Community Mohan Dere 6 年前

文件>首选项>设置>扩展>埃米特>在settings.json中编辑

find file settings.json Edit file settings.json

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前