vscode 中 React 组件的自动完成

Question

有没有办法自动完成像 JSX 标签这样的反应组件，如下面的代码，我希望 VS 代码自动完成页眉、主要和页脚组件等

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

Answer 1

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

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

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