File editor
Spec ADE includes an integrated code editor with a file tree on the left. Browse folders, open files, edit, and save — just like your favorite IDE.
File Tree
The file tree sits on the left and shows your project structure, filtered by .gitignore, skipping node_modules, .git, and cache folders.
Browse & open
Click to expand/collapse folders. Double-click to open a file officially. Right-click for actions (rename, delete, copy path, terminal).
Search
Search box at the top filters by filename. The tree auto-collapses to show only matching paths.
Create & manage
Right-click for “New File” or “New Folder”. Rename, delete, or move to trash — all synced to disk immediately.
The editor
| Feature | Description |
|---|---|
| Syntax highlight | Auto-colored based on file type |
| Line numbers | Line numbering; toggle in Settings |
| Bracket matching | Highlights matching bracket pairs |
| Rainbow brackets | Different color per nesting level |
| Autocomplete | Keyword suggestions; on-typing or manual |
| Find & replace | Ctrl+F search; Ctrl+H replace; regex/case-insensitive modes |
Saving & tabs
Press Ctrl+S (Windows/Linux) or ⌘S (macOS) to save. Files auto-save when you leave a tab. Unsaved files show a dot. Drag tabs to reorder or right-click to close.
Media preview
Images, video, audio, and PDFs preview inline. Markdown has a render view and edit view (toggle with Ctrl+K).