Skip to content

IDE Guide

This document explains common IDE workflows and settings:

Quick Start

Settings

Add New File

If you want to create a new file alongside existing files:

  • Click the File icon from the top bar or press Ctrl+M.
  • Enter the filename including extension (for example main.py or index.html) and confirm.
  • The new file opens in the editor.

Upload File

To upload an existing file from your computer:

  • Click the Upload button on the top bar.
  • Select the file(s) and click Open. The uploaded file opens in the editor.

Run Project

Run the active editor file:

  • After finishing your code, click the RUN button on the top bar or press F9.
  • The program executes and output appears in the integrated terminal.

Run Project with Display Graphics

Run projects that require a graphical display:

  • Click the dropdown arrow next to Run and choose the "Run with Display" option.
  • The graphical output opens in a separate display window or a forwarded viewer.

Debug Project

Debug line-by-line to inspect program state:

  • Set breakpoints by clicking the gutter next to line numbers.
  • Click the Debug button on the top bar or open the Debug panel and start the chosen debug configuration.
  • The Debug Console and panels open with controls (Start, Pause, Continue, Step Over, Step Into, Step Out, Help).
  • Inspect the right-side panels for Call Stack, Local Variables, Expressions, Breakpoints, and Watch values.

Share Project

Share your code with others:

  • Click the Share button on the top bar.
  • A popup appears with a shareable link and an embed code link.
  • Copy and send the link or embed code to collaborators.

Save Project

Save your work and preserve versions:

  • Click the Save button on the top bar or use Save (shortcut Ctrl+S).
  • On first save, a dialog prompts for project name and destination folder — provide those and confirm.

Beautify File

Automatically format source code:

  • Click the Beautify button on the top bar or use Ctrl+B command.

Download File

Download individual files or all files:

  • Click the Download button on the top bar, select the destination path and click save.
  • To download all files, open the Download dropdown and select Download All. Then all files download onces.

Project Settings

Project-level settings control how your project runs and is built.

Command Line Arguments

Use this to pass runtime arguments to your program.

  • In the Bottom Pannel enter arguments in the command-line input box.
  • The values you enter are passed to the program as command-line arguments when you run it.

Extra Compiler Flags

Extra compiler flags are options passed to the compiler to enable warnings, improve code quality, and optimize performance.

  • Click the Settings icon on the top bar and choose the Extra Compiler Flags option.
  • Enter the desired flags in the input field and confirm (OK).
  • When you run project next time; the compiler will use the specified extra flags.

Input Mode (Text or Interactive)

Pass input to the program in two modes: Text and Interactive.

Text

  • Text mode displays input box textarea where you can enter input. the program reads this input and the output appears on stdout.

Interactive Console

  • Interactive mode runs the program attached to a terminal. Type input directly into the console and press Enter. output is rendered in the console.

Editor Settings

Configure editor options from the Settings icon on the top bar.

Theme

  • Choose a light or dark theme to change the editor appearance.
  • Click the Theme dropdown and select the theme you prefer.

Editor Mode

  • The editor supports multiple Editor modes for typing: Normal, Vim, and Emacs.
  • Click the Editor Mode dropdown and select the desired mode.

Font Size

  • Adjust the editor font size to make text easier to read.
  • Click Font Size and choose Small, Medium, or Large.

Tab Space

  • Configure how many spaces the Tab key inserts.
  • Enter the desired tab width in the Tab Space input and confirm (OK).

Auto Complete

  • Toggle automatic code completion on or off.
  • In the Settings panel, enable or disable Auto Complete.

Word Wrap

  • Enable Word Wrap to keep long lines visible by wrapping them to the next line.
  • In the Settings panel, turn Word Wrap on or off as needed.

Terminal Settings

Configure terminal options from the Settings icon in the bottom panel.

Theme

  • Choose a light or dark theme to change the terminal appearance.
  • Click the Theme dropdown and select the theme you prefer.

Font Size

  • Adjust the terminal font size to improve readability.
  • Click Font Size and choose Small, Medium, or Large.

Font Weight

  • Select the font weight used in the terminal: Normal or Bold.
  • Click Font Weight and choose Normal or Bold.