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

A. *_*Cam 2 javascript reactjs visual-studio-code vscode-settings

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

{
  "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "javascript": "html"
    },
    "emmet.triggerExpansionOnTab": true,
}
Run Code Online (Sandbox Code Playgroud)


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

ttf*_*man 16

尝试以下步骤:

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


Sak*_*oBu 7

尝试将其添加到您的设置中:

 "files.associations": {
    "*.js": "javascriptreact"
  }
Run Code Online (Sandbox Code Playgroud)

  • 这对所有 .js 文件保留了 ttfreeman 的解决方案。谢谢! (2认同)