JavaScript 代码质量工具
WebStorm 可与 ESLint 和其他流行的 JavaScript 代码质量工具集成,在无需执行代码的情况下检测问题。
安装并启用后,代码质量工具每次打开 JavaScript 文件时会自动激活,报告检测到的错误和警告,并在可能时提供快速修复建议。
在编辑器和 文件 选项卡中的 “问题” 工具窗口中提供当前文件中检测到的错误的描述及其快速修复。
先前打开的所有文件中的错误及其快速修复显示在 项目错误 选项卡中的 问题 工具窗口中。 要打开工具窗口,请单击编辑器右上角的 检查 小部件:

如需了解详情,请参阅 在编辑器中查看问题并应用快速修复 和 “问题”工具窗口。
在编辑器中查看问题并应用快速修复
在编辑器中,将鼠标悬停在突出显示的问题上。 WebStorm 会显示一个包含问题描述的工具提示。

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

或者按 Alt+Enter 并从列表中选择相关建议。
“问题”工具窗口
对于每个错误,WebStorm 会显示简要描述以及错误发生的行号。 通过错误消息,您可以导航至问题所在的代码位置、应用快速修复或在 编辑器预览 窗格中手动修复该问题()。
要打开 问题 工具窗口,请单击编辑器右上角的 检查 小部件。

或者,从主菜单中选择 或按 Alt+6。
在 文件 选项卡中,查看活动编辑器选项卡文件中检测到的错误。

在 项目错误 选项卡中,查看先前打开的所有文件中的错误,错误信息按检测到它们的文件分组显示。

在 检查结果 选项卡中,查看运行一次或多次检查后检测到的问题。
要查看某个问题的建议快速修复,请选择相应的错误消息,然后在其上下文菜单中选择 显示快速修复 ,或单击工具栏中的
,或直接按 Alt+Enter。要修复问题,请从列表中选择相应的快速修复。

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

要解决整个文件中检测到的问题,请从上下文菜单中选择 <Linter name >:修复当前文件。
要导航到错误发生的位置,请双击相应的错误消息,或从其上下文菜单中选择 跳转到源代码 ,或直接按 F4。
您还可以编辑代码质量工具的设置、在问题发生的语句中或整个文件中禁用某条规则,以及将当前文件从分析中排除。 详细信息请参阅 禁用和抑制检查。

要按严重性过滤错误消息并自定义其排序,请单击
,然后在列表中选中或取消相关选项。

要复制错误消息,请从其上下文菜单中选择 复制问题描述 或按 Ctrl+C。