Editor basics

The CodeLobster IDE editor is the primary part of the IDE that you use to create, read, and modify code.

The editor consists of the following areas:

  1. Editor Tabs show the names of the currently opened files.

  2. The left gutter shows line numbers and also errors, warnings.

  3. Buttons to switch views between Editing modes: Code, Preview, and Live View.


    You can use Alt + → or Alt + ← to jump between views.

  4. Live view button opens a browser with instant live preview.

  5. Switcher tool helps to switch between opened files tabs.

You can use various shortcuts to switch between the editor and different tool windows, change the editor size, switch focus, or return to the original layout.