用户界面

在 WebStorm 中打开项目时，默认用户界面如下所示：

根据插件集和配置设置，您的 IDE 的外观和行为可能会有所不同。

编辑

重点：Escape

使用编辑器阅读、编写和探索您的源代码。

行动指标和行动清单

打开动作列表：Alt+Enter

例如，装订线中出现的各种图标可帮助您注意快速修复和其他操作。单击此类操作指示器或按下会Alt+Enter打开一个操作列表，其中包含所有快速修复和在当前插入符号位置可用的其他操作。

重点：Alt+Home

显示/隐藏：查看 | 外观 | 导航栏

顶部的导航栏是项目视图的快速替代方案，您可以在其中浏览项目结构、打开特定文件并跳转到当前文件中的特定代码元素。

使用导航栏右侧的按钮来运行和调试您的应用程序，并执行基本的版本控制操作（如果配置了版本控制集成）。它还包含运行任何东西（按Ctrl两次）和到处搜索（按Shift两次）的按钮。

状态栏

显示/隐藏：查看 | 外观 | 状态栏

当您将鼠标指针悬停在主窗口底部时，状态栏的左侧会显示最新的事件消息和操作说明。单击状态栏中的消息以在事件日志中打开它。当您正在搜索问题的解决方案或需要将其添加到支持票证或 WebStorm 问题跟踪器时，右键单击状态栏中的消息并选择复制以粘贴消息文本。

使用快速访问按钮或在工具窗口之间切换并隐藏工具窗口栏。

状态栏还显示后台任务的进度。您可以单击以显示后台任务管理器。

状态栏的右侧部分包含指示整个项目和 IDE 状态并提供对各种设置的访问的小部件。根据插件集和配置设置，小部件集可以更改。右键单击状态栏以选择要显示或隐藏的小部件。

小部件	描述
52:11	显示编辑器中当前插入符号位置的行号和列号。单击数字可将插入符号移动到特定的行和列。如果您在编辑器中选择代码片段，WebStorm 还会显示所选片段中的字符数和换行符。
如果	显示用于在当前文件中换行的行尾。单击此小部件以更改行分隔符。
	显示用于查看当前文件的编码。单击小部件以使用另一种编码。
柱子	指示为当前编辑器选项卡启用列选择模式。您可以按`Alt+Shift+Insert`切换它。
	如果要编辑文件，请单击以锁定文件（将其设置为只读）或将其解锁。
JSON 模式	当 JSON 文件（例如package.json或tsconfig.json）在活动编辑器选项卡中打开时，小部件会出现在状态栏上。该小部件显示了此 JSON 文件中使用的架构。从JSON中了解更多信息。
打字稿	在编辑器中打开 TypeScript 文件后，小部件始终显示在状态栏上。使用小部件编译 TypeScript 并配置或重新启动 TypeScript 语言服务。从TypeScript和将 TypeScript编译成 JavaScript了解更多信息。
	如果启用了版本控制集成，此小部件将显示当前的 VCS 分支。单击它可以管理 VCS 分支。
	显示当前文件中使用的缩进样式。单击以配置当前文件类型的选项卡和缩进设置或在当前项目中禁用缩进检测。
	显示 WebStorm 在堆内存总量中消耗的内存量。有关详细信息，请参阅增加内存堆。
	单击以将任何已配置的部署服务器或服务器组设置为执行部署操作的默认值。