图标参考

Gutter 图标

Gutter 图标位于编辑器左边。 Gutter 中的每个图标都有工具提示，用于解释其含义并提供其他操作。 例如，您可以导航到相关元素、运行测试或方法，等等。

可用的 gutter 图标列表取决于项目配置、所使用的框架以及已安装的插件。 如需访问项目可用的 gutter 图标列表，请转到 设置 | 编辑器 | 常规 | 行号区域图标。

如需了解有关 gutter 图标的详细信息，请参阅 Gutter 图标。

断点

断点 是在特定位置中断程序执行的特殊标记。 这使您能够检查程序的状态和行为。

根据类型和状态的不同，断点在 gutter 中会有不同的图标标记。 如需查看完整图标列表，请参阅 断点图标。

书签

如果您希望稍后返回代码中的某个位置，可以在任何代码行上添加书签到标记。

书签有两种类型：匿名书签 以及带助记符的书签（字母书签 和数字书签 ）。 如需了解有关使用书签的更多信息，请参阅 书签。

工具栏图标

WebStorm 包含多个 工具窗口 ，几乎每个工具窗口都配有带按钮的工具栏。 如果您想了解某个按钮执行的操作，请将鼠标悬停其上以显示操作名称的工具提示。

文件状态标记（VSC）

如果项目在版本控制下，您可以通过查看 gutter 中的颜色指示器来跟踪文件中的未提交更改。 新建、修改和已删除的代码行具有特殊标记，可点击这些标记打开差异视图、撤销更改及执行其他与 VCS 相关的操作。 如需了解更多信息，请参阅 在编辑器中跟踪文件的更改。

Project 工具窗口中的颜色

项目 工具窗口中的某些文件具有颜色背景。 例如，测试文件默认显示为绿色背景，而非项目文件（例如，从项目中排除的文件）为黄色背景。

您可以禁用颜色背景，或为其他文件组配置颜色。 如需了解更多信息，请参阅 范围与文件颜色。

项目 工具窗口中的某些文件可能显示为不同颜色，例如棕色或橄榄色。 这些颜色表示您 VCS 中文件的状态：棕色用于尚未添加到 VCS 的新文件，橄榄色用于被忽略的文件，依此类推。 如需了解更多信息，请参阅 检查文件状态。

文件类型图标

WebStorm 中的每种文件格式都有对应的图标。 在 项目 工具窗口（视图(V) | 工具窗口 | 项目 ）中，这些图标可帮助您快速识别正在处理的文件类型。 如需查看 WebStorm 识别的文件类型及其图标，在 设置 对话框（Ctrl+Alt+S ）中，前往 编辑器 | 文件类型。

如果项目中的文件被标记为 图标，则说明 WebStorm 无法识别该文件。 在这种情况下，您可以 注册并配置新的文件类型。

代码覆盖率标记

当您使用 覆盖率 运行测试时，覆盖率分析的结果将显示在 gutter 中。 IDE 会根据代码行的覆盖率状态以绿色、红色或黄色进行高亮显示。 如需了解更多信息，请参阅。