React 中 HTML 标记的自动完成功能在 VS Code 中不起作用

Question

我正在使用 VS Code 编写一个 React 项目。当我输入我的 HTML 标签时，会弹出建议框并正确地建议我输入一个<div> 标签，例如。但是，按 Tab 键或 Enter 键什么也不做。甚至用我的鼠标点击自动建议也没有做任何事情。我查了一下并调整了我的用户设置，但没有成功。在右下角，我将其从 JavaScript 更改为 JavaScript React”。我将这些添加到我的设置中：

{
  "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "javascript": "html"
    },
    "emmet.triggerExpansionOnTab": true,
}

这些并没有真正做任何不同的事情。我能做什么？我想回到 Atom 已经够烦人的了。不仅要单独键入每个标签，而且必须在之后放置结束标签，这会破坏任何生产力。

Answer 1

尝试将此添加到您的设置中：

 "files.associations": {
    "*.js": "javascriptreact"
  }

Answer 2

尝试以下步骤：

1. 从右下角单击语言模式（可能显示 html）
2. 在弹出框的搜索部分（顶部）中，搜索“react”。
3. 可能会出现两个 React 选项：javascript react 和 typescript react。
4. 选择“Javascript React”。