Editor

Editor Themes

Currently, Codenvy offers two editor themes: Default and Drakula. Go to Window > Preferences > Themes theme, select a theme and click Apply.

themes

This is how the Drakula theme looks like:

drakula

Toolbar Customization

The Codenvy Toolbar is quite intuitive, user friendly and easily customizable.

toolbar

Go to Window > Preferences > Customize Toolbar to add frequently used commands to your toolbar and delete unnecessary ones.

preferencestoolbar_customize

Navigating Through Views and Panels

While working with your projects you will find a number of tabs right below the editor panel. Some of them open automatically as you run various commands, while others are enabled from the View menu.

view

You can open Properties tab to view a file’s metadata: path, mime type, creation date, etc. It is enabled from the View menu. See the picture below.

properties

The Progress tab displays information about asynchronous operations. You can clear the tab by clicking remove icon in the top right corner.

progress

Information on your builds is available in the Build project tab. You will find download URLs for your build results (in case the build is successful) and failure messages if the build has failed. You can clear the content by clicking clear icon in the top right corner of the tab.

buildtab (1)

The Output tab is the most informative as it displays information on what’s happening to your project while it’s being run, debugged or deployed, including error messages. Also, all Git messages show up in the Output panel, as well as messages with urls of artifacts and dependency details of your projects, if you choose to build and publish them.

output

You can also view logs by running log command from the View menu.

To switch to a full screen view click fullscreen icon in the top right corner or the chosen panel. This concerns all panels in Codenvy, which you may resize.
Up ↑

Customizing Formatting Preferences

You can choose a formatting style to define the usage of white spaces and indentation. Go to Window > Formatter and choose one of the available profiles.

formatter

Once the profile is chosen you can format the code. There are two options: either click on format icon on the toolbar or go to Edit > Format.

Two obvious differences of eXo and Eclipse indentation are:

  • in eXo profile, a new line starts with ’{‘ while in Eclipse ‘{‘ closes the code line
  • eXo profile uses indentation with 3 spaces, while Eclipse has 4 spaces

exo_formatting

eclipse_formatting

Up ↑

Using Keyboard Shortcuts

When starting with Codenvy, some shortcuts will be set by default. Users can also customize hotkeys for all commands and operations. Go to Window > Preferences > Customize Hotkeys:

shortcuts

You can reset the key bindings to their default value by pressing Defaults button.

To have a compact view of your current hotkeys, click on Help > Show Keyboard Shortcuts

shortcuts (1)
Up ↑