WebStorm 2021.1 Help

自动导入

XML

显示自动导入工具提示

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

打字稿/JavaScript

在代码完成时添加 ES6 导入

  • 如果选中此复选框,当您在另一个项目文件中完成使用 ES6 导出的符号时,WebStorm 会自动在 JavaScript 代码中插入导入语句:

    在代码完成时添加 ES6 导入
  • 当复选框被清除时,按下Alt+EnterWebStorm 会显示一个弹出窗口,建议导入符号:

    在禁用代码完成时添加 ES6 导入
  • 完成和自动导入也适用于 React 组件,包括无状态组件。WebStorm 正确检测它们,提供代码完成,并自动添加导入语句:

    React 无状态组件中的导入完成

自动添加 TypeScript 导入

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

  • 代码完成如果选中此复选框,当您完成在另一个项目文件中导出的符号时,WebStorm 会自动在 TypeScript 代码中插入导入语句。

  • 使用自动导入工具提示如果选中此复选框,当您将插入符号放置在可导入的未解析符号上时,WebStorm 会显示带有导入建议的工具提示。清除该复选框后,您只能按 调用导入生成Alt+Enter

  • 即时明确导入选中此复选框后,WebStorm 会在您键入代码时添加导入语句,或者如果只有一个源可以从中导入符号,则粘贴带有尚未导入符号的片段。

当您在需要完整文件名的浏览器中使用 ES6 模块时,例如在 Chrome 中,重要的是 import 语句中的 ES6 模块的名称具有.js扩展名。

  • 要在 JavaScript 上下文中自动添加扩展名,请选中代码样式:JavaScript页面的导入选项卡上的使用文件扩展名复选框。

  • 要在 TypeScript 上下文中自动添加扩展名,请选中Code Style: TypeScript页面的Imports 选项卡上的Use file extension复选框。

最后修改:2021 年 12 月 28 日