[英]Emmet expand abbreviation doesn't work in Visual Studio Code with the attributes
我开始将 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}
你能帮我知道如何配置它，或者它是否是我的软件/扩展的问题？
问候，
几天后，在 Visual Studio Code 网页中的Emmet 中进行调查，我找到了解决方案。
您需要在用户设置文件中添加下一行，以便使用 Tab 键扩展 Emmet 缩写：
"emmet.triggerExpansionOnTab": true
这是因为默认情况下在 Visual Studio Code 上是禁用的。
在 Visual Studio Code 中：文件 > 首选项 > 设置 > 扩展 > Emmet > 在 settings.json 文件中编辑
添加以下对我有用的代码。
"emmet.triggerExpansionOnTab": true,
"files.associations": {"*html":"html"},
我希望它可以帮助某人。
我不认为方括号在 emmet 中不再有效......但是，你应该使用 p>{text} 作为大括号。 据我了解，它用于在元素中添加文本。
所以 p>{text here} 会产生<p>text here</p>
如果您仍然需要更多帮助，请查看 emmet abbreviations 语法文档： The Emmet Docs - Abbreviations Syntax
有同样的问题，但打字稿。 将"typescript": "typescriptreact"到 settings.json 有帮助。
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"typescript": "typescriptreact",
"razor": "html",
"plaintext": "pug"
}
显然打字稿不是 emmet 的默认值。
除了上面/下面描述如何配置settings.json文件以启用/配置 Emmet 的答案之外：
如果您尝试在一个新的、未保存的文档中使用 Emmet……您必须选择一种（支持的）语言才能激活 Emmet。 （你也可以只保存文档，VSCode 会从扩展中知道你使用的是什么语言。）
当您启动新的编辑器选项卡（Ctrl+N 等）时——在空白页面的左上角，您可能会看到：“选择一种语言以开始使用”。 单击加粗的“选择语言”，然后在 Settings.json 文件中选择为 Emmet 配置的一种语言，如上面/下面的其他几个答案中所述。
现在，再试一次：输入.test并按 Tab，您应该会看到 Emmet 展开您的缩写。
在 Visual Studio Code 中：文件 > 首选项 > 设置 > 扩展 > Emmet > 在 settings.json 文件中编辑删除以下行并保存。
"emmet.triggerExpansionOnTab": true,
对于它的价值，我遇到了同样的问题，但在将上面的代码片段添加到 Settings.json 后通过强制退出应用程序来修复它
编辑文件 settings.json Visual Studio Code File > Preferences > Settings > Extensions > Emmet > Edit in settings.json 中的路径
Visual Studio Code - Emmet / Intellisense 自动完成似乎在属性内不起作用
[英]Visual Studio Code - Emmet / Intellisense autocomplete does not seem to work inside attributes
Visual Studio 代码 HTML 按 Tab 后 Emmet 未格式化
[英]Visual Studio code HTML Emmet is not formatted after I press tab
VSCode Emmet 标识不能与 Svelte 文件一起正常工作
[英]VSCode Emmet identation doesn't work properly with Svelte files
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.