Throughout the articles in the Developer Guide section of the Knowledge Base and the Developer Series training videos, you will encounter references to the Development IDE. This article covers the fundamentals of the IDE.

You will find the ShareDo Developer IDE by navigating to Modeller > Developer > Developer IDE.

Explorer Icon Functions

The table below describes the Explorer window functions.

The Explorer bar has the following functions (from left to right): Create a new folder Create a new file Refresh explorer Collapse all Expand all Show filters (see the section below for more on filters)

This table describes the three-dot/More menu.

Clicking it on any folder or file will open a list of functions relevant to the item you clicked on.

While most of the options are self-explanatory, clicking a Scaffold component generates a folder containing the basic code files (JSON, .js, HTML, .CSS) that you would need for that component. You edit these in the panel to the right in the IDE to suit your needs. This article will not discuss editing these files in detail. For examples, see the other articles in the Development category of the Knowledge Base.

The file options are self-explanatory. Clicking the Open raw in new window option opens a new browser tab that displays the file's raw data.

Explorer Filters

Clicking the Show filters icon displays the filter box and a toggle that allows filtering for the entered text within the file as well as file and folder names.

With the Contents switch off, only file and folder names are filtered.

Editor Pane

The right-hand side of the IDE is called the Editor pane. Each icon's function is described below.

Icon	Description
	This opens the startup task log. Warnings are shown in orange and failures in red.
	This allows you to disable or delete installed plugins, add plugins from .ZIP files, and reload the application after a change.
	Use the left and right arrows to scroll the list of open tabs.
	The Locate in explorer icon will show you where the current file is in the explorer tree.
	This saves the changes to the current open file.
	Closes the current open file. If there are unsaved changes, you will be warned and given the chance to save or discard them.
	The tabs More menu allows you to close or save all tabs. And all tabs are listed in the Open tabs list, making it easy to switch between them.