VSCode自动导入-如何强制Material-UI全路径导入

Question

当使用VSCode的自动导入特性导入Material-UI组件时，它将使用命名导入从顶级文件导入:

import { Button } from "@material-ui/core"

但是，我希望自动导入使用完整路径导入:

import Button from "@material-ui/core/Button

我试图找到一种方法来配置VSCode的自动导入，但无济于事。

有没有人知道这是可能的/如何配置这个?

Answer 1

您可以通过安装material-ui-snippets来更改用户界面在vscode中导入的材质类型。您可以按照这里的说明进行操作

进入扩展设置，首先检查Material-ui-snippets: Add Completion Imports，然后根据您的喜好更改Material-ui-snippets: Import Paths的类型。(在您的情况下，它将是second level)

导入路径

• auto如果发现其他顶级导入，则使用顶级导入，其次水平否则
• 顶层-从'@material-ui/core'中导入{Button}
• 第二级-从'@material-ui/core/Button'导入按钮

编辑:
以上扩展适用于mui4。
这个扩展的文档建议在MUI 5中使用多片段。