WebStorm 2025.2 Help

JavaScript 代码质量工具

WebStorm 可与 ESLint 和其他流行的 JavaScript 代码质量工具集成,在无需执行代码的情况下检测问题。

安装并启用后,代码质量工具每次打开 JavaScript 文件时会自动激活,报告检测到的错误和警告,并在可能时提供快速修复建议。

在编辑器和 文件 选项卡中的 “问题” 工具窗口中提供当前文件中检测到的错误的描述及其快速修复。

先前打开的所有文件中的错误及其快速修复显示在 项目错误 选项卡中的 问题 工具窗口中。 要打开工具窗口,请单击编辑器右上角的 检查 小部件:

检查小部件

如需了解详情,请参阅 在编辑器中查看问题并应用快速修复“问题”工具窗口

在编辑器中查看问题并应用快速修复

  1. 在编辑器中,将鼠标悬停在突出显示的问题上。 WebStorm 会显示一个包含问题描述的工具提示。

    JavaScript 代码质量工具:错误和警告已突出显示,问题描述显示在工具提示中。

    要解决该问题,请单击 <Linter name>:修复 '<rule name>' 或按 Alt+Shift+Enter

  2. 要解决当前文件中检测到的所有问题,请单击 更多操作…Alt+Enter ),并从列表中选择 <Linter name>:修复当前文件

    JavaScript 代码质量工具:解决问题

    或者按 Alt+Enter 并从列表中选择相关建议。

“问题”工具窗口

对于每个错误,WebStorm 会显示简要描述以及错误发生的行号。 通过错误消息,您可以导航至问题所在的代码位置、应用快速修复或在 编辑器预览 窗格中手动修复该问题(“打开预览”按钮)。

  • 要打开 问题 工具窗口,请单击编辑器右上角的 检查 小部件。

    检查小部件

    或者,从主菜单中选择 视图 | 工具窗口 | 问题 或按 Alt+6

  • 文件 选项卡中,查看活动编辑器选项卡文件中检测到的错误。

    “问题”工具窗口中的快速修复
  • 项目错误 选项卡中,查看先前打开的所有文件中的错误,错误信息按检测到它们的文件分组显示。

    “问题”工具窗口,ESLint。 “项目错误”选项卡显示项目中先前打开文件的语法错误
  • 检查结果 选项卡中,查看运行一次或多次检查后检测到的问题。

  • 要查看某个问题的建议快速修复,请选择相应的错误消息,然后在其上下文菜单中选择 显示快速修复 ,或单击工具栏中的 “显示快速修复”按钮 ,或直接按 Alt+Enter

    要修复问题,请从列表中选择相应的快速修复。

    “问题”工具窗口:修复问题
  • 或者,单击 “打开编辑器预览”按钮 打开 编辑器预览 窗格,并在该位置手动修复问题,无需离开工具窗口。

    “问题”工具窗口:在“编辑器预览”窗格中修复错误
  • 要解决整个文件中检测到的问题,请从上下文菜单中选择 <Linter name >:修复当前文件

  • 要导航到错误发生的位置,请双击相应的错误消息,或从其上下文菜单中选择 跳转到源代码 ,或直接按 F4

  • 您还可以编辑代码质量工具的设置、在问题发生的语句中或整个文件中禁用某条规则,以及将当前文件从分析中排除。 详细信息请参阅 禁用和抑制检查

    “问题”工具窗口:上下文菜单
  • 要按严重性过滤错误消息并自定义其排序,请单击 “查看选项”按钮 ,然后在列表中选中或取消相关选项。

    查看选项:配置“问题”工具窗口的外观
  • 要复制错误消息,请从其上下文菜单中选择 复制问题描述 或按 Ctrl+C

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