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

【问题标题】：VSCode auto import - how to force Material-UI full path importVSCode 自动导入 - 如何强制 Material-UI 全路径导入
【发布时间】：2021-03-03 19:26:44
【问题描述】：

使用 VSCode 的自动导入功能导入 Material-UI 组件时，会使用命名导入从顶层文件导入：

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

但是，我希望自动导入使用 full path import 代替：

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

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

有谁知道这是否可行/如何配置？

【问题讨论】：

标签： javascript reactjs visual-studio-code material-ui

【解决方案1】：

你可以通过安装material-ui-snippets来改变vscode中材质UI导入的类型。你可以按照指令here

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

导入路径

auto - 如果找到其他顶级导入，则使用顶级，其次否则级别
顶级 - 从“@material-ui/core”导入 { Button }
第二级 - 从“@material-ui/core/Button”导入按钮

【讨论】：