Code Editor
Gokino uses Monaco Editor (the same engine as VS Code) at its core to provide a professional and smooth programming experience right in the browser.
Key Features
1. Syntax Highlighting
The editor automatically recognizes and highlights syntax for the C/C++ (Arduino) language.
- Keywords:
void,int,if,else... - Intellisense: Suggests functions like
digitalWrite()andSerial.begin(). - Linting: Syntax errors are underlined in red. Hover over them to see details.
2. Auto-Save
You don't have to worry about losing your code if you forget to save.
- The system automatically saves the file after a few seconds of inactivity (5 seconds by default, customizable in Settings).
- The "Unsaved" state is indicated by an orange dot ● on the tab.
3. Common Shortcuts
Ctrl/Cmd + S: Save (Auto-save is enabled).Ctrl/Cmd + F: Find.Ctrl/Cmd + H: Replace.Ctrl/Cmd + /: Toggle Comment.Alt + Click/Opt + Click: Multi-cursor.
4. Arduino Diagram
The IDE integrates the Tree-sitter parsing engine to automatically draw flowcharts from C/C++ source code.
- Automatic Updates: The diagram reflects the logical structure and calculates Cyclomatic Complexity.
- Interactivity: Supports Zoom In/Out and exporting to SVG files.
- Click-to-jump: Click on a Node in the diagram to jump the cursor directly to the corresponding line of code in the Editor.