Ethereum Studio starts with an empty workspace, meaning there are no projects loaded in the initial workspace. It is recommended to start out from an existing template. Apart from accessing external resources, presented in the Explorer window located on the left side menu, the only available action when first starting out is to create a new project.
In order to create a new project, click the New project button (top-right corner).
Start with a template
The Select Template window defines the initial project settings. The templates serve as a base to bootstrap creations. They are as follows:
- Hello World - a simple example containing a working smart contract that stores a greetings message
- Coin - an example DApp for minting, transferring and checking balance of a token created based on the ERC-20 standard
- CryptoPizza NFT - a crypto-collectible DApp based on the ERC-721 standard
- Counter - a simple counter using OpenZeppelin's SafeMath contract to perform mathematical operations with safety checks
Select a template from the list, for example, Hello World, then press Create Project.
The workspace is divided into five main sections: the top menu bar, the bottom bar, the left side panels, the right side panels, and the main window.
The top menu bar presents the File, Select a Network and Select an Account buttons on the left side, followed by the project-specific actions: Fork and Share. The Help button on the far right is presented after the New Project and Preferences buttons, respectively. The projects menu is located in the middle.
The projects menu is named after the currently open project. The projects menu offers the ability to Rename and Delete the project.
The File button offers the ability to toggle specific panels (View), save files, download and export projects. The Select a Network button is used to change networks, while the Select an Account button serves to manage accounts.
At any given time, it is possible to Fork the currently open project to create a new one deriving from it. Access the Share functionality to copy auto-generated links and embed codes for sharing.
The bottom bar is responsible for Output messages, such as compilation and deployment progress, and general Messages produced by Ethereum Studio. A status bar at the bottom of the screen also shows relevant information, along with the currently selected network end-point.
The left side panels contain the Explorer and Interact buttons. The Explorer button encompasses the Files tree hierarchy responsible to organize all project files.
The Files hierarchy enables the creation of New Files and New Folders. Together with the Rename and Delete actions, the options offered by this left panel enable overall project organization and file management. The same actions are also available on the context menu, accessible by clicking any item on the hierarchy with the right mouse button.
Complementing the left side panels, the Interact button lists all contracts, their respective data and available operations.
Panels on the right side allow access to the complete history of Transactions in conjunction with the application Preview.
Finally, the main window is the biggest area covering the screen. It is where all content is presented, for example when opening a file or performing an action that opens a new window.