Cloud IDE provides an environment that allows you to edit your code, while also allowing you to browse and discover the files in your directory or project.
By default, the user interface displays the Explorer view, but additional views are available. For more information about these views, see Using views to learn more about your environment.
The default Explorer view enables you to get started with your project. From this view, you can perform the following tasks:
After opening a folder in the user interface, the contents of the folder are displayed in the Explorer view, which contains the following areas:
Tips for using the Explorer view
.git
) are excluded from
the Explorer view. You can configure your Cloud IDE to display these
files by adding them to the files.exclude
setting in the Files
section of the preferences, as described in
Settings and preferences.The Explorer view preserves your folder selection, layout, and opened files. When you next open your Cloud IDE, you can resume work without interruption.
Cloud IDE displays open files as tabs at the top of the editor region. To learn more about tabbed headers, see Managing files by using tabs.
The Activity Bar displays a vertical row of icons on the left-hand side of the user interface. You can navigate between views by clicking the view’s icon in the Activity Bar. You can rearrange the order of these icons by dragging them into your desired order. The currently selected view is indicated by a vertical bar.
You can select more than one file in the Explorer view to perform actions (such as deleting, downloading, or copying) on several files or folders. To select files, use the information in the tab that’s based on your local operating system:
After selecting two items, you can select Control while clicking to
open the context menu. Click Compare with Each Other command to
perform a diff
on the two files you’ve selected.
After selecting two items, you can right-click one of the files to open
the context menu. Click Compare with Each Other to perform
a diff
on the two files you’ve selected.
The Outline view displays the symbol tree of the currently active editor in Cloud IDE. To display the Outline view, click the Outline view icon to the right of the Editor pane.
You can open several editors simultaneously, and then arrange them horizontally or vertically, as needed. If you have already opened files for editing, you can drag the title of any existing tab to resize it, or reposition the tab to any side of the Editor region.
When working with more than one file, the Editor currently selected as active displays the content of its file. To open a file into a specific Editor, click anywhere inside the editor to select it, and then open a file.
The Minimap displays a high-level overview of your source code to the right of your Editor pane, helping you more easily navigate large files. You can click or drag the shaded area to jump to different sections of your file.
Configure the following settings in the Editor section of the preferences to customize your display settings, as described in Settings and preferences:
"editor.minimap.enabled": true
: Enables the minimap."editor.minimap.side": "left"
: Sets the minimap location to the
left of the Editor pane.You can configure Cloud IDE to display vertical lines as indentation guides to help ensure having consistent indentation levels in your code.
Use the following setting in the Editor section of the preferences to configure your guides, as described in Settings and preferences:
"editor.renderIndentGuides": true
: Enables indent guides.