vscode 中 React 组件的自动完成

Question

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

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 才能使更改生效。