在 Visual Studio Code 中自动导入 React 组件

Question

我正在使用 JavaScript（不是 TypeScript）并使用最新的 Visual Studio Code。

我无法自动导入组件。我一直在使用 steoates 的 Auto Import 插件，但它似乎不起作用。我最近没有看到任何关于此的注释。

我还没有找到其他有助于自动导入 React 组件的插件吗？

原文由 Pete 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

2018 年更新

VS Code 现在通过 jsconfig.json 和 JavaScript Language Service 本机处理这个问题。

在项目根目录下创建文件 jsconfig.json 并确保将 checkJs 设置为 true ：

创建一个 JS 配置文件，允许 Visual Studio 将该文件夹视为一个 Explicit Project 。没有它，在 VS Code 中打开的 JS 文件将被视为独立的单元，并且任何两个文件之间都没有共同的项目上下文。

例子：

 {
  "compilerOptions": {
    "baseUrl": "./src",
    "checkJs": true,
    "jsx": "react"
  }
}

代码操作/快速修复

缺少的模块将显示为带有导入选项的 代码操作（也称为“快速修复”）。您可以点击灯泡💡或使用 Ctrl + .

自动导入/智能感知

自动导入 将在您键入时显示可用组件，并在选择时导入它们

进一步阅读

• Visual Studio 代码自动导入
• 如何将 jsconfig.json 添加到现有的 vscode 项目而不破坏它

原文由 KyleMit 发布，翻译遵循 CC BY-SA 4.0 许可协议