在 vs 代码中使用 emmet 和 react 应用程序不起作用答案

【问题标题】：Using emmet with a react app in vs code is not working在 vs 代码中使用 emmet 和 react 应用程序不起作用
【发布时间】：2021-11-15 08:54:05
【问题描述】：

在 VS Code React 中，即使我的 settings.json 文件中有此设置，emmet 也无法正常工作

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
}

有人有同样的问题吗？任何解决方案都是完美的。

【问题讨论】：

【解决方案1】：

从上一个帖子中看到这个，它对我有用，但是在普通的 HTML 文件 (index.HTML) 上使用 emmet 自动完成，它也应该适用于你的 JSX。

【讨论】：

如果您在之前的帖子中看到了这个，链接它可能会有所帮助。或者如果已经在堆栈溢出，将其标记为重复
当我在 HTML 文件中写一些东西时问题得到了解决，但是对于每个项目我都必须这样做才能使工作正常。我不明白为什么突然变成这样。没有人抱怨这个问题，是只有我有这个问题还是什么？
这对我有用。添加所有 emmet 设置后，我必须编辑一个纯 html 文件并选择一个 emmet 自动完成功能。之后它在我的反应 js 文件中运行良好。

【解决方案2】：

您可能会看到这个问题：emmet 功能最近出现了退化，请参阅Emmet does not work in js/jsx files for VS Code 1.62.2(Universal) 。

它似乎已在 Insiders Build 中修复，应该会在 2021 年 12 月初以稳定版发布。

【讨论】：

【解决方案3】：

正如 Mark 链接到的 github 问题，这是相对较新的，与其他常见的“Emmet 不工作”帖子无关。显然，这源于 Emmet 在工作区中识别文件类型的意外延迟。在 HTML 文件中手动展开似乎可以让它重新运转起来。

但对我来说，即使这样也行不通。一周前我没有遇到任何问题，但现在 Emmet 无论文件类型如何都没有响应。

我在同一个 github 线程中关注 a suggestion 也添加了

 "emmet.triggerExpansionOnTab": true,

这似乎奏效了。 记得关闭所有打开的 VS 代码窗口。我打开了第二个窗口，我认为这也阻止了新设置的应用。

【讨论】：