CodeLobster IDE supports syntax highlighting in Editor to make it easier to read the semantics of the structured content by displaying each type of code in different colors and fonts. It helps check code for errors as it highlights mismatched enclosing characters with a different color.

The Intellisense autocomplete for TypeScript feature helps write code faster. The completion list is called automatically in the necessary area of TypeScript code. Pop-up completion list includes intelligent autocomplete for:

The Intellisense autocomplete function allows you to work faster with your code and not waste your time looking for the necessary element. The sheet with the appropriate functions is called automatically when you write the code in the required area. A demonstration of the function is shown next:

Structure window shows the general code structure of all TypeScript source files opens in the Editor. For each source file, the Structure displays a tree of symbol nodes, including variables, functions, classes, interfaces, namespaces, and modules. Each node in the tree hierarchy can be expanded to display further detail, acting as an index to your source code.

You can fold or unfold any manually selected regions in code. CodeLobster IDE folds or unfolds the current code fragment, for example, a single method. Folded code fragments are shown as a shaded box ( ).

To fold a code fragment:

To unfold a code fragment:

CodeLobster IDE collapses or expands all fragments within the selection, or, if nothing is selected, all fragments in the current file.

When you hover cursor to folded fragment you see a code preview tooltip: