VSCode 自动导入提示困扰你吗？这里有一个简单解决方案

VSCode 中的自动导入提示：问题与解决方案

引言

在最新版本的 VSCode 中，许多开发者都遇到一个令人烦恼的问题：编辑 TypeScript 代码文件时，VSCode 会在文件的顶部自动添加各种不必要的导入语句。这不仅分散了注意力，而且还可能导致代码混乱。本文将探讨这个问题的成因并提供一个简单的解决方案来禁用此行为。

问题：自动导入建议

VSCode 中的自动导入建议旨在帮助开发者快速轻松地导入所需的模块、类型和变量。然而，在某些情况下，这些建议可能会过于激进，导致文件顶部出现不必要的或甚至重复的导入语句。

解决方案：禁用自动导入建议

要禁用 VSCode 中的自动导入建议，请按照以下步骤操作：

1. 打开 VSCode 的设置：

   • Windows/Linux：文件 -> 首选项 -> 设置
   • macOS：VSCode -> 首选项 -> 设置

2. 在搜索栏中搜索：javascript.suggestionActions.enabled

3. 禁用该设置：将javascript.suggestionActions.enabled的值设置为false。

4. 重启 VSCode：单击文件->重新加载窗口。

解释

javascript.suggestionActions.enabled设置控制是否在编辑期间启用自动导入建议。将该值设置为false可禁用此行为。

其他配置

如果你只希望禁用特定类型的自动导入建议，你可以在javascript.suggestionActions设置中进行更细粒度的配置。例如，你可以禁用模块导入建议，同时保留类型和变量导入建议。

结论

通过禁用自动导入建议，你可以消除编辑 TypeScript 代码文件时的分散因素并防止不必要的导入语句。此解决方案既简单又有效，可以大幅提高你的开发效率和代码质量。

常见问题解答

问：此解决方案是否会影响其他自动代码建议功能？

答： 不会。禁用自动导入建议仅会影响 VSCode 在编辑期间添加导入语句的行为。其他自动代码建议功能，如自动完成和上下文建议，将继续正常工作。

问：是否可以有选择地启用自动导入建议？

答： 是的。你可以在 VSCode 的设置中通过配置javascript.suggestionActions.enabled设置来启用或禁用特定的建议类型。例如，你可以启用模块导入建议，同时禁用类型和变量导入建议。

问：此解决方案是否适用于所有 TypeScript 版本？

答： 是的。此解决方案适用于 VSCode 中所有版本的 TypeScript。

问：是否还有其他方法可以防止自动导入建议？

答： 除了禁用javascript.suggestionActions.enabled设置外，你还可以使用以下方法来防止自动导入建议：

• 手动配置tsconfig.json文件以显式指定导入语句
• 使用@import规则手动导入模块

问：如何在 VSCode 中完全禁用自动代码建议？

答： 要完全禁用自动代码建议，请在 VSCode 的设置中将editor.suggestOnTriggerCharacters和editor.acceptSuggestionOnEnter设置设置为false。