用户界面

基本布局

CodeArts IDE的核心是一个代码编辑器。它采用了一个通用的用户界面和布局，左侧是一个资源管理器，显示您可以访问的文件和文件夹，右侧是一个编辑器，显示当前打开的文件内容。

CodeArts IDE提供简单直观的窗口布局，可最大限度地为编辑器提供空间，同时留出足够的空间来浏览和访问文件夹、项目全文。UI划分的区域如下：

• 编辑器-编辑文件的主区域。您可以垂直和水平并排打开任意数量的编辑器。每个编辑器里打开的文件将显示在选项卡中。
• 侧边栏-包含不同视图的区域，如资源管理器，可帮助您处理项目。
• 状态栏-在底部显示当前打开项目和文件的编辑信息。
• 活动栏-位于最左侧，此区域允许您在视图之间进行切换，并为您提供额外的上下文特定指标，例如Git中上传更改的数量。
• 面板-编辑器区域下方的面板可用于显示错误信息、警告信息和集成终端信息。面板也可以向右移动，以获得更多的垂直空间。

CodeArts IDE在启动期间保留其窗口状态，文件夹、布局和打开的文件将被保留，并以上次关闭时的相同状态打开。

您可以将侧栏移动到右侧（视图>向右移动侧栏）或切换其可见性（Ctrl+B）。

资源管理器

资源管理器用于浏览、打开和管理项目中所有的文件和文件夹。

在CodeArts IDE中打开文件夹后，其内容将显示在资源管理器中。在此，您可以执行以下操作：

• 创建、删除和重命名文件和文件夹。
• 通过拖放移动文件和文件夹。
• 使用上下文菜单浏览所有选项。

您在CodeArts IDE外部将文件拖曳到资源管理器中可以实现复制功能（如果资源管理器为空，CodeArts IDE将打开它们）。

CodeArts IDE与命令行工具配合使用。如果要在CodeArts IDE当前打开的文件夹的上下文中运行命令行工具，请右键单击该文件夹，然后选择在集成终端中打开。

您还可以通过右键单击文件或文件夹，然后选择在资源管理器中显示，导航到本机文件资源管理器中文件或文件夹所在的位置。

过滤资源管理器树

您可以通过键入搜索关键字来筛选资源管理器中当前可见的文件。焦点放在资源管理器上，开始键入要匹配的文件名。您将在右上角看到一个筛选框，显示您到目前为止键入的内容，匹配的文件名将突出显示。当您按光标键上下移动文件列表时，选择将在匹配的文件或文件夹之间跳转。

将鼠标悬停在筛选器框上并选择启用类型筛选器将仅显示匹配的文件/文件夹。使用清除按钮可清除过滤器。

打开编辑器

打开编辑器视图列出了所有活动文件或预览。这些您正在处理的文件也是您以前在CodeArts IDE中打开过的文件。例如，一个文件将在打开编辑器视图中显示，如果您：

• 对文件进行更改。
• 双击文件头。
• 在资源管理器中双击文件。
• 打开不属于当前文件夹的文件。

只需在打开编辑器视图中单击一个项目，它就会在CodeArts IDE中处于活动状态。

完成任务后，可以从打开编辑器视图中单独关闭文件，也可以使用关闭所有编辑器来关闭所有文件。

活动栏

CodeArts IDE窗口左侧和右侧的活动栏允许您在视图之间快速进行切换。您还可以在活动栏上拖放视图来重新排序视图，或完全隐藏视图。

命令面板

CodeArts IDE同样可以从键盘访问。最重要的组合键是Ctrl+Shift+P，它能调出命令面板。在这里，您可以访问CodeArts IDE的所有功能，包括最常见操作的键盘快捷键。

命令面板对许多命令提供访问。您可以执行编辑器命令、打开文件、搜索符号及快速查看文件的大纲，所有这些都使用相同的交互式窗口。

代码编辑器选项卡

CodeArts IDE在编辑器上方的标题区域中显示带有选项卡（选项卡标题）的项目。打开文件时，将为该文件添加一个新的选项卡。选项卡允许您在项目之间快速导航。您也可以拖动选项卡来重新将它们排序。

编辑器组

使用拆分编辑器命令拆分编辑器时，将创建一个新的编辑器区域，该区域可以容纳一组编辑器项。您可以在垂直和水平方向上打开任意数量的编辑器区域。您也可以在工作台上拖动编辑器组，在组之间移动单个选项卡，并快速关闭整个组。

默认情况下，编辑器组布局在垂直列中（例如，当您拆分编辑器以将其打开到侧面时）。您可以轻松地在任何您喜欢的布局中排列编辑器组，包括垂直和水平布局。

查看>编辑器布局菜单为您提供一组预定义的编辑器布局。