【发布时间】：2021-06-14 02:43:20
【问题描述】：
根据我的研究，我正在从 SwiftUI 切换到 React，我希望自动导入 VSCode 中应该默认的组件。不幸的是，当我键入组件时，VSCode 并没有向我建议组件。我要手动输入组件名称，还要手动导入组件，速度很慢，费力。
如何在 VSCode 1.57.0 中自动完成组件并自动导入？
【问题讨论】：
标签： reactjs visual-studio-code
【发布时间】：2021-06-14 02:43:20
【问题描述】：
我在 1.57 版中遇到了完全相同的问题。
将"security.workspace.trust.enabled": false 添加到settings.json 为我解决了这个问题。
【讨论】：
-
settings.json 在哪里可以告诉我吗？
-
@Tanvirgeek
shift+cmd+p并搜索Preferences : Open Settings (JSON)另一个选项是：您可以在项目根目录中添加.vscode文件夹并在项目根目录中添加settings.json自己文件夹，但只对项目有效。 -
嘿，我已经做到了。但仍然没有运气。
-
也许，你用
export default导出组件，它并没有告诉编辑器组件的名称。使用export const SomeComponent = () => {}等命名导出的导出组件让编辑器知道组件的名称，您可以使用自动导入。如果你想坚持导出默认，你可能需要安装一些扩展，或者你可以在组件的文件夹中添加index.js，然后像export { default as SomeComponent } from "./SomeComponent";一样导出组件 -
@Ryuichi 是正确的。我改变了创建组件的方式，现在 VSCode 会自动导入它们。我现在唯一遇到的问题是 ESLint 不喜欢它。
您可以使用 vscode 扩展。
我建议使用Reactjs code snippets 扩展。
【讨论】：
-
我已经安装了 Reactjs 代码 sn-ps。不幸的是，没有建议组件名称。