Hướng dẫn cho IDE dựa trên trình duyệt với 53 runtime, 10 chủ đề và 45 lệnh.
Cập nhật lần cuối: Tháng 3, 2026
Chọn từ 53 runtime.
Trình soạn thảo đầy đủ tính năng với tô sáng cú pháp, tự động hoàn thành và chế độ Vim.
Thực thi mã trong trình duyệt và chia sẻ đoạn mã.
Full syntax highlighting for every runtime. The 6 marked with a lightning bolt are directly executable in the browser.
Each theme defines 40+ color tokens for every UI surface with full CodeMirror syntax highlighting integration.
Run JavaScript, TypeScript, Python, HTML, SQL, and Lua directly in the browser with real-time console output.
Full CodeMirror syntax highlighting for all 53 runtimes with bracket pair colorization and indent guides.
Toggle Vim keybindings for a keyboard-centric editing experience with full modal editing support.
Powerful search across files with regex support, find in files sidebar, and go-to-line navigation.
Split the editor horizontally or vertically into up to 3 groups with drag-and-drop tab reordering.
Create, rename, and organize files and folders in a virtual workspace with localStorage persistence.
Built-in AI panel for code generation, explanation, refactoring, and debugging with streaming responses.
VS Code-style minimap for quick navigation through large files with click-to-scroll.
Ctrl+Shift+P to access 45 commands across 5 categories: run, editor, file, view, and settings.
Emmet abbreviation expansion for HTML/CSS and Prettier-style formatting for JS, TS, HTML, JSON, CSS, YAML, and XML.
Quick-start with pre-built templates for HTML+CSS+JS, Python, Node.js, and more project types.
Fully responsive layout with mobile-optimized activity bar, panels, and modals for coding on any device.
Open the Command Palette with Ctrl+Shift+P to access every command with fuzzy search.
Execute code, Clear console
Format, Find, Go to Definition, Multi-cursor, Fold/Unfold
Save snippet, Download, Share, Quick Open, Templates
Split editor, Toggle sidebar/panel, Show terminal, Shortcuts
Toggle Vim/theme/word-wrap, Font size
The IDE is built as a fully decomposed modular system, with each module covered by its own tests.
CSS Grid with activity bar, sidebar, editor area, bottom panel, and status bar.
Decomposed into focused modules with clean separation of concerns.
Python, SQL, and Lua run in isolated Web Workers for non-blocking execution.
10 themes with 40+ color tokens each, mapped to CodeMirror syntax highlighting.
Code runs in sandboxed iframes and workers for safe, isolated execution.
Dynamic imports and code splitting keep the initial bundle size minimal.
ai AI Assist panel, code block, result renderer commands Command palette, Quick Open, Go to Line editor Editor groups, tabs, minimap, breadcrumbs extensions Bracket colors, indent guides language Language data and editor extensions layout IDE layout shell, activity bar, sidebar, panels modals Shortcuts, workspace templates, QR code output Console, problems, SQL table output panels Settings, theme picker, external libs, history shared Context menu, file icons, language colors sidebar File explorer, outline view, search view terminal Terminal emulator panel toolbar Playground toolbar, language selector, snippets
Every action is accessible via keyboard. Core shortcuts include:
Akousa