html emmet expand缩写在具有以下属性的Visual Studio代码中无效

laximzn5 于 2022-12-16 发布在其他

关注(0)|答案(8)|浏览(123)

我开始使用Visual Studio代码为我的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}

你能帮我知道如何配置它吗，或者这是我的软件/扩展的问题吗？
此致，

Html

来源：https://stackoverflow.com/questions/53083159/emmet-expand-abbreviation-doesnt-work-in-visual-studio-code-with-the-attributes

8条答案

按热度按时间

vjrehmav1#

几天后，我在Emmet in Visual Studio Code webpage中进行了调查，找到了解决方案。
您需要在用户设置文件中添加下一行，以便使用Tab键展开 emmet 缩写：

"emmet.triggerExpansionOnTab": true

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

赞(0）回复(0）举报 2022-12-16

j7dteeu82#

在Visual Studio代码中：文件〉首选项〉设置〉扩展〉 emmet 〉在settings.json文件中编辑
添加下面的代码，为我工作.

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

希望能帮上忙。

赞(0）回复(0）举报 2022-12-16

pxiryf3j3#

我认为方括号在 emmet 中不再起作用了......但是，你应该使用p〉{text}作为花括号。据我所知，它用于在元素中添加文本。
因此p〉{text here}将产生<p>text here</p>
如果您还需要更多帮助，请查看 emmet 缩写语法文档：The Emmet Docs - Abbreviations Syntax

赞(0）回复(0）举报 2022-12-16

bn31dyow4#

有同样的问题，但与 typescript 。添加"typescript": "typescriptreact"到settings.json帮助。

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact",
    "razor": "html",
    "plaintext": "pug"
}

显然，打印脚本不是 emmet 的默认设置。

赞(0）回复(0）举报 2022-12-16

kfgdxczn5#

以上/以下回答描述了如何配置settings.json文件以启用/配置 emmet ：

**如果您尝试在新的未保存文档中使用 emmet ...**您必须选择一种（支持的）语言以激活Emmet。（您也可以只保存文档，VSCode将通过扩展知道您使用的语言。）

当您启动一个新的编辑器选项卡 （Ctrl+N或其他） --在空白页面的最左上方，您可能会看到：“选择一种语言开始”。单击粗体“选择一种语言”，然后选择Settings.json文件中为 emmet 配置的语言之一，如上面/下面的其他几个答案所述。
现在，再试一次：键入.test并按Tab键，您应该看到 emmet 展开了您的缩写。

赞(0）回复(0）举报 2022-12-16

uidvcgyl6#

值得一提的是，我也遇到过同样的问题，但在将上面的代码片段添加到Settings.json后，通过强制退出应用程序来修复它

赞(0）回复(0）举报 2022-12-16

dfddblmv7#

在Visual Studio代码中：文件〉首选项〉设置〉扩展〉 emmet 〉编辑在settings.json文件中删除以下行并保存。