vscode 中 React 组件的自动完成

Posted 2023-02-21

【中文标题】vscode 中 React 组件的自动完成

【英文标题】：Autocomplete for React components in vscode

【发布时间】：2022-01-12 01:37:29

【问题描述】：

有没有办法自动完成像JSX标签这样的反应组件，就像下面这段代码，我想让VS代码自动完成Header，Main和Footer Components等

function App() 
    return (
    <>
      <Header />
      <Main />
      <Footer/>
    </>
    );

【问题讨论】：

查看此链接以获取道具完成dev.to/maxbvrn/react-props-auto-complete-in-vs-code-2ana 您应该澄清您是否希望标签名称或其属性自动完成

您是指这些标签的属性还是标签本身？如果属性，***.com/a/70249577/836330 可能会有所帮助。

在这里查看答案***.com/questions/39320393/…

【参考方案1】：

在您的 React 项目中获得 JSX/html 自动完成的最直接的方法是将其添加到您的用户设置或工作区设置 (<project-path>/.vscode/settings.json)：

      "emmet.includeLanguages": 
        "javascript": "javascriptreact"
      ,
      "emmet.triggerExpansionOnTab": true

您可能需要重新启动 VS Code 才能使更改生效。