WebStorm 2025.2 Help

自动导入

XML

显示自动导入工具提示

在键入未绑定命名空间的名称时自动显示自动导入工具提示。 有关详细信息,请参阅 导入未绑定命名空间

TypeScript/JavaScript

在代码补全时添加 ES6 导入语句

  • 选中此复选框后,WebStorm 会在 JavaScript 代码中补全使用 ES6 导出方式导出的符号时,自动插入 import语句:

    在代码补全时添加 ES6 导入语句
  • 清除此复选框后,按下 Alt+Enter 时,WebStorm 将显示建议导入符号的弹窗:

    关闭代码补全时添加 ES6 导入语句功能
  • 代码补全与自动导入也适用于 React 组件,包括无状态组件。 WebStorm 能正确识别这些组件,提供代码补全,并自动添加 import语句:

    在 React 无状态组件中补全导入语句

自动添加TypeScript import

如果希望 WebStorm 在 TypeScript 代码中生成导入语句,请选中此复选框。 请使用以下复选框选择何时触发导入语句生成。

  • 在代码补全时 选中此复选框后,当您在 TypeScript 代码中补全在其他项目文件中导出的符号时,WebStorm 会自动插入 import语句。

  • 使用自动导入提示 选中此复选框后,当光标位于可导入但未解析的符号上时,WebStorm 会显示包含导入建议的工具提示。 清除复选框后,您只能按下 Alt+Enter 来触发导入语句生成。

  • 即时进行无歧义导入 选中此复选框后,如果存在唯一来源可以导入某符号,在键入代码或粘贴代码片段时,WebStorm 会添加导入语句。

当您在浏览器中使用 ES6 模块,且该浏览器(例如 Chrome)要求完整文件名时,应确保导入语句中的 ES6 模块名称包含 .js 扩展名。

  • 如需在 JavaScript 环境中自动添加扩展名,请在 代码风格:JavaScript 页面的 “Imports” 选项卡中勾选 使用文件扩展名 复选框。

  • 如需在 TypeScript 环境中自动添加扩展名,请在 代码风格:TypeScript 页面的 “Imports” 选项卡中勾选 使用文件扩展名 复选框。

Dart

粘贴时更新导入语句

选择 WebStorm 应如何处理粘贴到 Dart 代码块中缺失符号的引用:

  • 全部 — WebStorm 将自动为粘贴代码中所有缺失的符号插入导入语句。

  • 询问 — 系统会提示您选择要导入的符号。

  • — WebStorm 不会自动添加任何导入语句,您可在未解析引用处按下 Alt+Enter 并从列表中选择 导入 <符号名称> 触发导入生成。

最后修改日期: 2025年 9月 26日