vscode 中 React 組件的自動完成

Question

有沒有辦法自動完成像 JSX 標簽這樣的反應組件，如下面的代碼，我希望 VS 代碼自動完成 Header，主要和頁腳組件等

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