Javascript 如何自动导入默认类

我已使用Typescript安装了一个全新的React应用程序，如下所示：

npx create-react-app my-app --typescript

当我运行应用程序时，一切似乎都很好。因此，我删除了生成的代码并开始编写自己的代码

当我开始输入时，我注意到我的IDE（Webstorm和VS代码）不会自动导入默认类，例如React：

正如您在下面的示例中所看到的，当我选择

React

时，什么都没有发生。但是当我选择了

组件

（默认情况下不导出）时，它已经被导入了

之后，我安装了

“@material ui/core”：“^4.6.0”

看来我在这里也有同样的行为。现在，我可以容忍使用snipper（如

imr

）来自动导入它。但作为一个角扇，我不习惯手动导入所有东西，我希望有一个解决方案

这就引出了以下问题：

与手动导入我将要使用的每个模块不同，有没有更简单的方法？开始非常痛苦

我已经尝试了以下解决方案：

安装

安装

安装

---

我不是在寻找代码段扩展，而是在寻找一种自动导入默认导出模块的方法。

您必须安装自动导入（VSCode扩展）

链接：

自动查找、分析并提供所有可用导入的代码操作和代码完成。使用JavaScript和TypeScript

---

试试这个@VahidAkhtar我不是在寻找代码片段，我在寻找一种在编写代码时自动导入模块的方法。你在webstorm中使用过自动导入设置吗？如果您键入所需内容，然后命令/单击未知组件以打开“导入”菜单，您也可以得到一个弹出窗口。@JakeLuby不确定我是否理解您的意思